覆盖bootstrap较少的样式

Question

我有main.css：

@import '~bootstrap/less/bootstrap.less';

@import url('./base.css');
@import url('./components/navbar.css');

我想覆盖bootstrap的默认正文背景颜色，所以我有

body {
  background-color: #efefef;
}

在base.css内，

但这不会覆盖bootstrap的属性。如果我导入~bootstrap/dist/css/bootstrap.min.css而不是~bootstrap/less/bootstrap.less，我可以看到我的更改，但文件更少。我怎样才能做到这一点？

Answer 1

那是因为您无法在.css文件中导入.less文件。它必须先转换。

如果要导入.less文件，则必须使用main.less并将其转换为.css

您可以使用GRUNTJS。