如何设置bootsrap 在移动端sm时一行居中显示

要在Bootstrap的响应式设计中，特别是在移动设备的屏幕尺寸(sm)下，让内容一行居中显示，你可以使用Bootstrap提供的栅格系统和一些CSS调整。这里是一个简单的例子：

1. 使用Bootstrap的`col-sm-6`或更小的列宽，这会在屏幕宽度小于768px（sm）时自动堆叠。如果想在一排里居中，你需要将这些列包裹在一个具有`text-center`类的容器内。

<div class="container text-center">
  <div class="row justify-content-between">
    <!-- 在这里添加你的 col-sm-6 或更小的列 -->
    <div class="col-sm-6">...</div>
    <!-- 可能需要多个这样的列 -->
  </div>
</div>

在这个例子中，`.justify-content-between`会使列元素均匀分布在行两侧，并在中间留有空白。

如果你只有一项内容需要居中，可以这样直接应用`col-sm-12 text-center`到单个单元格上：

<div class="col-sm-12 text-center">
  <p>你的文本或元素...</p>
</div>