我有以下html
<div class="row why why-3">
<div class="col-md-1 col-12">
<div class="why-circle why-circle-3"></div>
</div>
<div class="col-md-11 why-right1 col-12">
<h3 class="h3_headline">Meaningful Results</h3>
<p>Test</p>
</div>
</div>我想在桌面上的两列，但每列有移动的的全宽。我试着在上面用col-md-11和col-12来做，但是没有用。有人能帮帮我吗？
1条答案
按热度按时间klsxnrf11#
在bootstrap中，行被分成12列。
这意味着，如果您希望单个元素占据整行，则可以使用类似
如果你想要2列，你可以用12除以2，然后在每个'col'中使用这个数字，而不是像这样
这种模式一直持续下去。
如果这些都没有意义，我建议回到文档中。
Bootstrap 4 Grid System-这是您获得所需布局的方式。
Bootstrap 4 Responsive Grid -这是您如何使该布局特定于移动的与桌面
Bootstrap 4 Breakpoints -我相信，这解释了bootstrap如何决定何时、为什么以及在哪些类型的设备上显示哪个布局。