小编典典

摆脱 Twitter Bootstrap 中的所有圆角

all

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

有很多 CSS 需要处理。是否有全局开关,或者找到和替换所有圆形的最佳方法是什么?


阅读 74

收藏
2022-08-05

共1个答案

小编典典

我将所有元素的边界半径设置为“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;

在引导程序 4 中,如果您正在编译它,您可以在文件中一起禁用半径_custom.scss

$enable-rounded:   false;
2022-08-05