Bootstrap 使用 Bootstrap 将 div 中的内容向右对齐

Bootstrap 是一个开源的前端框架，提供了丰富的样式和组件，帮助开发人员快速构建美观、响应式的网站。

在 Bootstrap 中，可以通过使用一些内置的类来将 div 中的内容向右对齐。下面是一些常用的类：

1. text-right：将文本内容向右对齐。
2. float-right：将 div 元素浮动到右侧。
3. ml-auto：将 div 元素的左外边距自动调整为最大，实现向右对齐。
4. justify-content-end：将容器内的内容向容器的右侧对齐。

使用这些类可以方便地实现对 div 内容的右对齐操作。下面是一些示例代码：

<div class="text-right">
  <!-- 文本内容向右对齐 -->
  <h1>Bootstrap Text Right Alignment</h1>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>

<div class="float-right">
  <!-- 将 div 向右浮动 -->
  <p>This div is floated to the right.</p>
</div>

<div class="container">
  <div class="row">
    <div class="col ml-auto">
      <!-- div 元素的左外边距自动调整为最大 -->
      <p>This div is aligned to the right using ml-auto class.</p>
    </div>
  </div>
</div>

<div class="d-flex justify-content-end">
  <!-- 容器内的内容向右对齐 -->
  <p>This content is aligned to the right using justify-content-end class.</p>
</div>

你可以根据自己的需要选择合适的类来实现对 div 中内容的右对齐。使用 Bootstrap 提供的这些类，可以轻松地实现网页布局的各种效果。