bootstrap div内居中

Bootstrap中的`div`元素想要实现内居中，你可以使用以下几种方法：

1. **Flexbox** 直接法：给包含`div`的容器添加`display: flex; justify-content: center; align-items: center;`样式，这样内容会在水平和垂直方向上都居中。

<div class="container text-center d-flex justify-content-center align-items-center">
    <!-- Your content here -->
</div>

2. **Grid** 方式：如果你使用的是Bootstrap的网格系统（grid），可以将`div`放在一个`row`里，并设置列宽为`auto`以自适应，然后添加`mx-auto`使其居中。

<div class="container mx-auto">
    <div class="row justify-content-center">
        <div class="col-auto text-center">
            <!-- Your content here -->
        </div>
    </div>
</div>

3. **CSS Flexbox 和 Grid 组合**：如果需要兼容老版本浏览器，可以先使用`flex`属性，再添加`text-align: center`使文本居中，结合`justify-content: center`对行内元素居中。

<div class="container">
    <div class="d-flex flex-column justify-content-between align-items-center">
        <!-- Your content here -->
    </div>
</div>