2013-12-08 48 views
5

我已经尝试从网站自定义功能,但保留给我的错误,并试图基本方法太:如何改变Twitter的引导背景颜色

body {background-color:red;} 

所以,没有人知道?

+0

我尝试构建自定义css,但它说:Ruh roh!无法保存要点文件,配置未保存。 – betoharres

+0

哪个版本的bootstrap?你在谈论其中的一个例子吗?请指向一些代码,谢谢 – melc

回答

14

下载的所有文件,引导和.css文件里面添加的地方:

body { 
    background:red !important; 
} 
+0

它的工作!谢谢!此外,这种方法适用于所有浏览器? – betoharres

+1

是的。当将重要的元素添加到CSS样式的末尾时,它会替换同一类/元素的其他样式。 – scooterlord

3

我不会建议改变实际引导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

+0

主题生成器网站不再可用=( – rdodev

3

我会强烈建议使用萨斯与Bootstrap-Sass不只是做任何的定制的核心引导框架,而且要确保你的CSS尽可能干燥。然后你可以做一些像

$red: #f00; 

$body-bg: $red; 

之前,你导入你的核心引导CSS,你会很好去。请注意,Sass允许您重复使用您在应用程序中您可能喜欢的任何其他位置声明的变量($ red)。

使用像Sass或LESS这样的CSS预处理器的好处不会在此结束。引导是基于字体大小的比例系统,所以你也可以这样做

$font-size-base: 16px; 

,这将相应地改变全线所有元素(磷,h1..h6等)的字体大小。您也可以,例如,写

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

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

看看here您可以随时对您的代码进行所有自定义设置,而不仅仅在您使用Sass时下载Bootstrap。

5

在Bootstrap 3中更改背景色的正确方法是使用bg-*类。对于红色,有bg-danger。也可用bg-primary, bg-success, bg-info and bg-warninghttp://getbootstrap.com/css/#helper-classes-backgrounds

+0

这个答案应该先显示,首先尝试引导方式(使用'bg- *'类),并且只有在语义样式选项不够时才使用自定义类。 – jjmontes

0

在HTML变化 在CSS变化“身体{}”到“体{}” 这是因为类比标签更具体的,所以它会接管主bootsrap规则.css只能分类为标签。

0

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

看看这里:https://github.com/patrickleet/bootstrap-override-boilerplate

有自述

0

对于引导3.3添加下面的BG样式的说明。

body{ 
background-color: gray !important; 
} 

Source:from Bootstrap 3.3 Guide。