我正在迁移到 bootstrap 4,但是我已将页面的 bootstrap-min.css 从 3 交换到 4,并且我的列现在全部垂直对齐,据我所知,列是正确的。
我还使用 JS 小提琴进行测试,并且能够将它们全部垂直复制到那里。任何人都可以根据我阅读文档的方式为我指出正确的方向https://getbootstrap.com/docs/4.0/layout/grid/#mix-and-match这应该有效
<div class="row">
<div class="col-12">
<div class="col-md-2">
<h1>TEST</h1>
</div>
<div class="col-md-2">
<h1>TEST</h1>
</div>
<div class="col-md-2">
<h1>TEST</h1>
</div>
<div class="col-md-2">
<h1>TEST</h1>
</div>
</div>
</div>
https://jsfiddle.net/aq9Laaew/4791/
去除col-12
因为 Bootstrap 4 需要一个新的row
用于嵌套列。
https://getbootstrap.com/docs/4.0/layout/grid/#nesting
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)