我想让div中的内容水平居中

要让一个div中的内容水平居中，可以使用CSS的`text-align`属性，如下所示：

<div class="container">
  <div class="row">
    <div class="col-md-6 text-center">
      <p>This content will be centered horizontally.</p>
    </div>
  </div>
</div>

其中，`text-center`表示将该div内部的文本居中。如果要居中的是其他元素，也可以使用`text-center`或者使用Bootstrap的内置类`mx-auto`，如下所示：

<div class="container">
  <div class="row">
    <div class="col-md-6 text-center">
      <img src="example.jpg" alt="example" class="mx-auto">
    </div>
  </div>
</div>

其中，`mx-auto`表示自动将该元素水平居中。