答：使用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>