Bootstrap：任何改变默认设置的系统化，既定方式？

Question

刚刚发现了Bootstrap。我注意到改变默认样式需要研究。例如，我现在想要更改按钮背景颜色的默认颜色。我怎么知道应用这种变化的正确方法？

Answer 1

您只需更改Twitter Bootstrap提供的variables.less文件即可。然后，您可以使用LESS将其编译为.css文件。

如上所述，you want to change the default colour of buttons' background colour。我们可以简单地更改变量的值：

// Buttons
// -------------------------

@btn-font-weight:                normal;

@btn-default-color:              #333;
@btn-default-bg:                 #fff;
@btn-default-border:             #ccc;

Answer 2

根据您选择构建网站的方式，有三种方法。

如果您直接包含引导程序文件：

您必须覆盖要更改的每个样式的css声明。乏味但有效。

在bootstrap的自定义页面中自定义引导程序 Bootstrap 3提供了一个自定义页面，您可以在其中自定义较少的变量并下载它。 http://getbootstrap.com/customize/

如果您使用较少/ scss版本的bootstrap 您只需覆盖/更改变量声明即可。

我通常更喜欢自定义引导程序的第三种方式。我使用sass版本的bootstrap作为ruby gems并覆盖变量声明。