热门关键字:
jquery > jquery教程 > jquery教程 > 如何在Bootstrap中将列居中

如何在Bootstrap中将列居中

348
作者:管理员
发布时间:2021/2/8 14:20:30
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=3960
答:使用mx-auto课程
如果您使用的是Bootstrap 4版本,则可以通过在网格列上应用类来水平居中.mx-auto。让我们尝试以下示例以了解其工作原理:


例试试这个代码»
<div class="container">
    <div class="row">
        <div class="col-sm-6 mx-auto">
            <!-- Column content -->
        </div>
    </div>
</div>
或者,您也可以.justify-content-center在.row元素上应用该类,以使列水平居中。让我们看一下以下示例:


例试试这个代码»
<div class="container">
    <div class="row justify-content-center">
        <div class="col-sm-6">
            <!-- Column content -->
        </div>
    </div>
</div>




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:jQuery
友荐云推荐