Bootstrap中的可用文本颜色类
我正在开发一个注册页面,在导航栏上添加一些文本作为标题。 我想给这些文本不同的颜色。 为此,我正在使用一个单独的CSS文件,但我想使用引导程序的CSS文件来做到这一点。
任何人都可以在bootstrap中列出可用的颜色类吗?
该文档列在助手类下: Muted
, Primary
, Success
, Info
, Warning
, Danger
。
要访问它们,使用class
text-[class-name]
所以,如果我想要蓝色文本例如我会做这样的事情:
<p class="text-primary">This text is the blue primary color.</p>
这不是一个巨大的select,但它是一些。
导航栏中的文本通常使用bootstrap.css
文件中以下两个css类之一来着色。
首先,如果使用默认的导航栏(灰色),将使用.navbar-default
类,文本的颜色为深灰色 。
.navbar-default .navbar-text { color: #777; }
另一种是在使用逆导航栏(黑色)的情况下,文本的颜色为灰色60 。
.navbar-inverse .navbar-text { color: #999; }
所以,你可以随意改变它的颜色。 不过,我build议你使用一个单独的css文件来改变它。
注意:您也可以在Navbar
部分使用Twitter Bootstrap
提供的定制程序 。