引导列垂直堆叠在移动设备上

• Z时代
• 2024-01-10
• 分类：问答

我有一个简单的引导网格布局。我不希望这些列即使在小型设备上也垂直堆叠。

<div class="container">
<div class="row">
  <div class="col-sm-4 col-xs-4 col-md-4">1</div>
  <div class="col-sm-4 col-xs-4 col-md-4">2</div>
  <div class="col-sm-4 col-xs-4 col-md-4">3</div>
</div>

回答：

这些列是垂直堆叠的，因为您使用的是 ，并且-xs-不再使用中缀。只需使用col-4..

  <div class="container border-show center-div">
    <div class="row">
      <div class="col-4 border-show">1</div>
      <div class="col-4 border-show">2</div>
      <div class="col-4 border-show">3</div>
    </div>
  </div>

以上是 引导列垂直堆叠在移动设备上 的全部内容， 来源链接： utcz.com/qa/404466.html