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