如何修改bootstrap 4的原色？

Question

我正在使用bootstrap 4 alpha-6，我想修改bootstrap 4的主要颜色（＃0275d8），是否有可以设置值的变量？

Answer 1

您可以使用自己的自定义样式覆盖相关的css样式，否则使用Less可能值得考虑。 Less是一个CSS预处理器，允许您存储css中使用的变量，如颜色值。您可以在下面看到以下示例：

@brand-primary: darken(#428bca, 6.5%); // #337ab7
@brand-success: #5cb85c;
@brand-info:    #5bc0de;
@brand-warning: #f0ad4e;
@brand-danger:  #d9534f;

.masthead {
  background-color: @brand-primary;
}

您可以阅读有关使用Less here

的bootstraps的更多信息

Answer 2

更新2018 Bootstrap 4

使用SASS轻松完成。只需设置 $brand-primary $primary变量。

$primary: hotpink;

Demo on Codeply

请参阅：How to change the bootstrap primary color?