<分区>
标签 html css bootstrap-4
<分区>
我的页脚有三列 (col-md-4)，第一列又有两列 (col-md-6)。我希望第一列中的这两列在移动 View 中在一起。应该怎么分区？
我试过的是，
<div class="row">
<div class="col-md-4">
<div class="col-md-6">
</div>
<div class="col-md-6">
</div>
</div>
<div class="col-md-4">
</div>
<div class="col-md-4">
</div>
但我在移动设备中将两列依次放在另一列下方，我希望它们位于同一网格中。
最佳答案
将 col-md-6 更改为 col-6 因为这是 Bootstrap 的第 4 个最小屏幕案例。 col-md-6 将在 md (>=768px) 大小的屏幕和更大的屏幕上保持两列彼此相邻，但将它们堆叠在该断点下方。你需要 wrap that inner set of divs在带有类行的 div 中。
<div class="row">
<div class="col-md-4">
<div class="row">
<div class="col-6">
</div>
<div class="col-6">
</div>
</div>
</div>
<div class="col-md-4">
</div>
<div class="col-md-4">
</div>
</div>
关于html - 如何处理 Bootstrap 中的网格，网格中的网格，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/58491225/