在没有 Sass 的情况下更改 Bootstrap 4 个装订线

Question

这可能吗？

我确实找到了以下 post 的答案： 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;
 } */

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

Answer 1

装订线也适用于创建最外层（左和右）装订线的容器...

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

Demo