我正在使用Bootstrap’ row‘类将divs一个对齐到另一个之上,这很好,但是
row
divs
.row { margin-left: -15px; margin-right: -15px; }
我注意到的是,它指定margin-left和margin-right属性为-13px,因为我的内容向左移动。所以我所做的是添加了另一个类,如下所示:
.row-no-margin { margin-left: 0px; margin-right: 0px; }
这样可以解决目的,但是我仍然想知道是否有'margin-left: -15px;‘的特定原因。解决我的问题的最佳方法是什么?
'margin-left: -15px;
将.row意味着内部使用container。由于在中container有填充以调整负边距,.row因此.row可以在容器内使用的网格列调整为容器的整个宽度。
.row
container
因此,更好的解决方案可以让你把你的.row内部.container或.container-fluid
.container
.container-fluid