回答
下载的所有文件,引导和.css文件里面添加的地方:
body {
background:red !important;
}
它的工作!谢谢!此外,这种方法适用于所有浏览器? – betoharres
是的。当将重要的元素添加到CSS样式的末尾时,它会替换同一类/元素的其他样式。 – scooterlord
我不会建议改变实际引导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
主题生成器网站不再可用=( – rdodev
我会强烈建议使用萨斯与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。
在Bootstrap 3中更改背景色的正确方法是使用bg-*
类。对于红色,有bg-danger
。也可用bg-primary, bg-success, bg-info and bg-warning
。 http://getbootstrap.com/css/#helper-classes-backgrounds
这个答案应该先显示,首先尝试引导方式(使用'bg- *'类),并且只有在语义样式选项不够时才使用自定义类。 – jjmontes
在HTML变化 在CSS变化“身体{}”到“体{}” 这是因为类比标签更具体的,所以它会接管主bootsrap规则.css只能分类为标签。
我有一个我创建的样板,用于创建引导主题,它将使用您创建的主题生成文档。我已经在跨多个Web团队使用它的公司实现了这一点,以便在使用基本引导组件的同时获得品牌化结果。
看看这里:https://github.com/patrickleet/bootstrap-override-boilerplate
有自述
对于引导3.3添加下面的BG样式的说明。
body{
background-color: gray !important;
}
Source:from Bootstrap 3.3 Guide。
- 1. 更改标题背景颜色的模式的twitter引导
- 2. 如何改变背景颜色和背景颜色?
- 3. 在引导中更改背景颜色
- 4. 背景颜色与引导
- 5. 如何更改使用CSS的单个页面的背景颜色 - twitter引导
- 6. 如何更改twitter引导程序下拉菜单的背景颜色
- 7. 背景颜色不改变
- 8. 改变背景颜色CSS3
- 9. jquery.Countdown - 改变背景颜色
- 10. 改变背景颜色onclick
- 11. 改变CardView背景颜色
- 12. Javascript改变背景颜色
- 13. ValueAnimator改变背景颜色
- 14. angularJS改变背景颜色
- 15. 改变mainwindow.xib背景颜色
- 16. 改变背景颜色
- 17. 改变背景颜色
- 18. 改变背景颜色
- 19. 从django的引导改变jumbotron的背景颜色
- 20. 如果背景渐变,如何将边框颜色更改为背景颜色?
- 21. Twitter Bootstrap背景颜色/容器颜色
- 22. 如何改变导航栏的背景颜色
- 23. 引导.dropdown里的背景颜色
- 24. 在twitter引导中分配背景颜色3
- 25. Twitter的引导Dropcaps颜色变化
- 26. twitter引导更改背景颜色的按钮与下拉菜单上点击
- 27. TW引导缩略图背景颜色
- 28. 改变cell.accessoryView和cell.editingAccessoryView的背景颜色
- 29. 不改变颜色的背景
- 30. jsColor.js改变元素的背景颜色
我尝试构建自定义css,但它说:Ruh roh!无法保存要点文件,配置未保存。 – betoharres
哪个版本的bootstrap?你在谈论其中的一个例子吗?请指向一些代码,谢谢 – melc