必须将行放置在.container(固定宽度)或.container-fluid(全角)内,以便正确对齐和填充。
因此,将类添加container
到您的.wrapper
元素。
<div class="wrapper container">
<div class="row">
...
</div>
</div>
至于说明,.row
该类-15px
在每边都有边距。
.row {
margin-right: -15px;
margin-left: -15px;
}
本.container
类有效地以下列取代:
.container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
除了阅读Bootstrap 3文档外,我建议阅读文章“ Bootstrap 3网格为何起作用的精妙之处 ”。