html - Bootstrap 4行未与中间对齐

This question already has answers here:

Center a column using Twitter Bootstrap 3
（33个答案）
三年前关闭。
我试图让<div class="col-md-2 col-lg-2">中的内容在中间对齐，但没有效果。
我知道将列的大小设置为2并不能填充12列的网格系统的空间，但是我希望它与中间对齐。

<div class="row">
    <div class="col-lg-12">
        <h1 class="content-header">Header</h1>
        <div class="row">
           <div class="col-md-2 col-lg-2">
               content
           </div>
           <div class="col-md-2 col-lg-2">
             content
           </div>
        </div>
    </div>

最佳答案

找到了一个有用的css技巧

.row-centered {
    text-align: center;
}

.col-centered {
    display: inline-block;
    float: none;
    /* reset the text-align */
    text-align: left;
    /* inline-block space fix */
    margin-right: -4px;
}

关于html - Bootstrap 4行未与中间对齐，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/39775058/