Bootstrap行填充

Question

使用Bootstrap 3我意识到如果一行没有坐在其容器内，你会得到额外的空间，因为两边都有-15px的边距，补偿了有排水沟的容器。

我认为这可以解决问题：

.row{
    margin-left: 0px;
    margin-right:0px;
}

.container .row{
    margin-left:-15px;
    margin-right:-15px;
}

但由于某些原因，保证金仍然存在，因此您在移动设备上获得了轻微的水平滚动，这会破坏整体吸引力。

（如果有帮助我可以提供我正在处理的网站的地址？）

Answer 1

您可以使用.container-fluid

<div class="container-fluid">
  <div class="row">
    <div class="col-XX-XX"></div>
  </div>
</div>

我认为你在没有任何.col-XX-XX的情况下使用.row。这可能会导致问题。