css - 摆脱 Twitter Bootstrap 中的所有圆 Angular

Question

我喜欢 Twitter Bootstrap 2.0 - 我喜欢它如此完整的库......但我想对一个非常四四方方的非圆形网站进行全局修改，即摆脱 Bootstrap 中的所有圆 Angular ...

需要处理大量 CSS。是否有全局开关，或者查找和替换所有四舍五入的最佳方法是什么？

Answer 1

我将所有元素的 border-radius 设置为“0”，如下所示:

* {
  border-radius: 0 !important;
}

因为我确定我不想稍后覆盖它，所以我只使用 !important。

如果您不编译 less 文件，请执行以下操作:

* {
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
}

在 bootstrap 3 中，如果你正在编译它，你现在可以在 variables.less 文件中设置半径:

@border-radius-base:        0px;
@border-radius-large:       0px;
@border-radius-small:       0px;

在 bootstrap 4 中，如果你正在编译它，你可以在 _custom.scss 文件中禁用 radius alltogether:

$enable-rounded:   false;