如何修改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; 
} 

你可以阅读更多的白手起家少用here

Answer 2

它很容易与上海社会科学院完成的。只需设置$brand-primary变量。

$brand-primary: #4444ee; 

Demo on Codeply