小编典典

Bootstrap行类包含margin-left和margin-right,这会产生问题

css

我正在使用Bootstrap’ 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;‘的特定原因。解决我的问题的最佳方法是什么?


阅读 990

收藏
2020-05-16

共1个答案

小编典典

.row意味着内部使用container。由于在中container有填充以调整负边距,.row因此.row可以在容器内使用的网格列调整为容器的整个宽度。

因此,更好的解决方案可以让你把你的.row内部.container.container-fluid

2020-05-16