Bootstrap 4行不与中间对齐
这个问题在这里已经有了答案：
发现了一个可行的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;
}
Bootstrap 4与Bootstrap 3一样使用offset来移动或居中整列。 所以在你的情况下，使用offset-*-4将它移动到12 col网格中的4列。
<div class="row">
<div class="col-lg-12 text-xs-center">
<h1 class="content-header">Header</h1>
<div class="row">
<div class="col-md-2 col-lg-2 offset-md-4 offset-lg-4">
content
</div>
<div class="col-md-2 col-lg-2">
content
</div>
</div>
</div>
</div>
要将内联元素（如文本） text-center ，请使用： text-center （这是3.x中的text-center ）
要将块元素（如DIV）或列居中，请使用： mx-auto （这是3.x中的center-block ）
演示：http：//www.codeply.com/go/Wxzbd3a6og
Bootstrap 4中还有新的响应对齐类，因此您可以在各个断点处进行不同的对齐。
链接地址: http://www.djcxy.com/p/75891.html