小编典典

bootstrap 3到bootstrap 4 cols不再水平对齐

html

我正在迁移到引导程序4,但是我已经将我的页面的boostrap-min.css从3换成了4,据我所知列的正确性,我的列现在都垂直对齐了。

我还使用了JS小提琴来进行测试,并且能够将它们全部复制为垂直的我指明正确的方向,这应该可行

<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>

阅读 268

收藏
2020-05-10

共1个答案

小编典典

删除col-12Bootstrap 4 ,因为它需要新row的嵌套列。

2020-05-10