如何更改twitter bootstrap背景颜色

Question

我已经尝试过网站上的自定义功能，但一直给我错误，并尝试了BASIC方法：

body {background-color:red;}

所以，有人知道吗？

Answer 1

下载所有引导程序文件，并在.css文件中的某处添加：

body {
   background:red !important;
}

Answer 2

在Bootstrap 3中更改背景颜色的正确方法是使用td div.manage-link { display: none; } tbody tr:hover + td div.manage-link { display: block; } 类。对于红色，有bg-*。也可用bg-danger。 http://getbootstrap.com/css/#helper-classes-backgrounds

Answer 3

我不建议更改实际的bootstrap CSS文件。您可以使用可用的Bootstrap theme generator（Bootstrap主题生成器）之一创建自定义引导样式表。这样你可以使用1个样式表和所有默认的Bootstrap CSS，只需要对它进行一次更改。使用Bootstrap主题生成器，您不需要编写任何CSS。您只需要为正文所需的颜色设置十六进制值（脚手架; bodyBackground）。

消息来源：How to change the default background color white to something else in twitter boostrap

Answer 4

我强烈建议将Sass与Bootstrap-Sass一起使用，不仅要对核心Bootstrap框架进行任何自定义，还要确保CSS尽可能干净。然后你可以做类似

的事情

$red: #f00;

$body-bg: $red;

在导入核心Bootstrap CSS之前，你会很高兴。请注意，Sass允许您重复使用您在应用程序中任何其他地方声明的变量（$ red）。

使用像Sass或LESS这样的CSS预处理器的好处并不止于此。 Bootstrap基于比例的字体大小系统，因此您也可以执行类似

的操作

$font-size-base: 16px;

这将相应地改变所有元素（p，h1..h6等）的字体大小。例如，您也可以写

$font-family-sans-serif: 'Gill Sans';

这将取代Helvetica作为所有元素的默认sans-serif字体。

查看here，了解您可以根据需要对代码进行的所有自定义，而不仅仅是在使用Sass时下载Bootstrap。

Answer 5

在html中更改为 在CSS中将“body {}”更改为“.body {}” 这是因为CLASS比标签更具体，因此它将对主要bootsrap.css进行规则，只对其进行分类。

Answer 6

我有一个我创建的样板文件，用于创建引导程序主题，它将使用您创建的主题生成文档。我已经在多个网络团队中使用它的公司实现了这一点，以便在使用基本引导程序组件的同时获得品牌结果。

请在此处查看：https://github.com/patrickleet/bootstrap-override-boilerplate

README中有说明

Answer 7

对于Bootstrap 3.3添加以下BG样式。

body{
background-color: gray !important;
}

来源：来自Bootstrap 3.3指南。