Bootstrap 两个DIV一行显示

Bootstrap 提供了响应式的网格系统（Grid System），可以帮助你在一行内并排放置多个 `div`。你可以通过设置容器（container）、行（row）和列（column）来实现这一布局。以下是一个基本的例子：

<div class="container">
  <div class="row">
    <div class="col-md-6"> <!-- 这里是第一个6列宽的 div -->
      <p>这是第一个 div的内容</p>
    </div>
    <div class="col-md-6"> <!-- 这里是第二个6列宽的 div -->
      <p>这是第二个 div的内容</p>
    </div>
  </div>
</div>

在这个例子中，`.col-md-6` 表示每个 `div` 在大屏幕（medium）设备上占据6个等宽的列。如果你需要在小屏幕设备上自动堆叠，可以考虑添加 `.col-sm-12` 或其他适合屏幕尺寸的列数。

如果你想让 `div` 完全占据一行并在不同屏幕尺寸下自适应宽度，可以使用 `col-auto` 类，并结合 `offset-XX` 来调整间隙，例如：

<div class="container">
  <div class="row">
    <div class="col-auto offset-md-0"> <!-- 自动宽度，左对齐 -->
      <p>第一栏</p>
    </div>
    <div class="col-auto offset-md-0"> <!-- 自动宽度，紧接其后 -->
      <p>第二栏</p>
    </div>
  </div>
</div>