程序问答   发布时间:2022-06-02  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了bootstrap 3到bootstrap 4 cols不再水平对齐大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决bootstrap 3到bootstrap 4 cols不再水平对齐?

开发过程中遇到bootstrap 3到bootstrap 4 cols不再水平对齐的问题如何解决?下面主要结合日常开发的经验,给出你关于bootstrap 3到bootstrap 4 cols不再水平对齐的解决方法建议,希望对你解决bootstrap 3到bootstrap 4 cols不再水平对齐有所启发或帮助;

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

解决方法

我正在迁移到引导程序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>

大佬总结

以上是大佬教程为你收集整理的bootstrap 3到bootstrap 4 cols不再水平对齐全部内容,希望文章能够帮你解决bootstrap 3到bootstrap 4 cols不再水平对齐所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。