bootstrap如何将两行变成一行

Bootstrap通过CSS的`display`属性和一些类名可以轻松地合并两行元素。如果你想让两个垂直排列的元素在小屏幕设备上显示在同一行，你可以使用以下方法：

1. 使用`col-*`类：Bootstrap的网格系统允许你在每个容器（如`.container`或`.row`）内设置列数。例如，如果你有两列并且希望它们在小于640px的屏幕上堆叠在一起，可以这样布局：

<div class="container">
  <div class="row justify-content-between">
    <div class="col-md-6">第一列内容</div>
    <div class="col-md-6">第二列内容</div>
  </div>
</div>

这里 `.col-md-6` 表示在大屏幕（md以上）每列占6个等宽单元格，在小屏幕（md以下）则会自动堆叠。

2. 利用`flexbox`布局：Bootstrap 4引入了Flexbox布局支持，通过`.d-flex`和`.flex-column`类，可以让元素水平居中并垂直堆叠：

<div class="container d-flex flex-column">
  <div class="flex-grow-1">第一列内容</div>
  <div class="flex-grow-1">第二列内容</div>
</div>

`.flex-grow-1`使得这两行元素在空间允许的情况下按比例填充宽度。