css - 在没有 Sass 的情况下更改 Bootstrap 4 排水沟

Question

这可能吗？

我确实在以下帖子中找到了答案： Bootstrap change $grid-gutter-width

...然后将此代码添加到我的 CSS 中：

/* .row {
    margin-left: -20px;
    margin-right: -20px;
}

.row > [class^="col-"], .row > [class^=" col-"] {
   padding-right: 20px;
   padding-left: 20px;
 } */

但我最终在我的网站上出现了一个水平滚动条。

标签： csstwitter-bootstrapbootstrap-4multiple-columnsgrid-layout

Answer 1

排水沟也适用于创建最外面（左和右）排水沟的容器......

.container-fluid {
    padding-left: 20px;
    padding-right: 20px;
}

演示