html - 删除列上的填充使水平滚动条

Question

我想从 Bootstrap 网格列类中删除填充。

我也是这样

.col-x {
    padding: 0;
}

但这有点破坏了整个布局，因为出现了水平滚动条。

我创建了一个 pen 为此，您可以看到它。

水平滚动条出现的原因以及如何解决？

Answer 1

.row 上有负边距。 .content-fluid 也应用了填充。所以你只需要将它添加到你的 CSS 中:

.row {
  margin:0;
}
.container-fluid {
  padding:0;
}