如何使用Bootstrap 5的网格系统？

hmmo2u0o 于 2022-12-07 发布在 Bootstrap

关注(0)|答案(1)|浏览(178)

我有点困惑在使用 Bootstrap 的网格系统。在这里我想使6个div或containter使用全宽度在较小的设备，如手机，他们使用25%的宽度或我得到4个div在中等设备，如平板电脑和在大型设备，我得到6个div（在桌面屏幕），但在这里我面临着一些问题。你能帮我吗！
x1c 0d1x我已经得到了所有6个我的div使用全宽在大型和中型设备这是不正确的我想让他们中的6个显示在一个单行在大型设备和4个显示在中型设备

twitter-bootstrap

来源：https://stackoverflow.com/questions/74344228/how-to-use-the-grid-system-of-bootstrap-5

1条答案

按热度按时间

kulphzqa1#

您可以通过先指定“col”，然后指定响应的“cols”来完成此操作
就像这样：

<div class="row">
  <div class="col-12 col-md-3 col-lg-2">Test</div>
  <div class="col-12 col-md-3 col-lg-2">Test</div>
  <div class="col-12 col-md-3 col-lg-2">Test</div>
  <div class="col-12 col-md-3 col-lg-2">Test</div>
  <div class="col-12 col-md-3 col-lg-2">Test</div>
  <div class="col-12 col-md-3 col-lg-2">Test</div>
</div>

我认为这将解决您的问题（未测试它）

赞(0）回复(0）举报 2022-12-07

我来回答

如何使用Bootstrap 5的网格系统？

1条答案

相关问题

热门标签

最新问答