Bootstrap 样式之 文本颜色

Bootstrap 自定义的文本颜色 +  源码查看(测试版本3.x)

------------------------------------------------------------

先来看看bootstrap自定义的文本颜色是什么样的:

代码:



  
    
    
    
    
    
    Bootstrap 101 Template
    
    
  
  
              

我是muted

我是primary

我是success

我是info

我是warning

我是danger

显示效果:

                                          Bootstrap 样式之 文本颜色_第1张图片


------------------------------------------------------------------------------------------------------------

上面就是六个不同的文本颜色,我们再来看看具体的文本颜色是多少?


打开Bootstrap.css  , 搜索text-muted:

结果如下:

Bootstrap 样式之 文本颜色_第2张图片


这样我们就可以看出默认情况下bootstrap给出的文本颜色样式为:

.text-muted{  color: #777 ;  }

.text-primary{  color: #337ab7 ;  }

.text-success{  color: #3c763d ;  }

.text-info{  color: #31708f ;  }

.text-warning{  color: #8a6d3b ;  }

.text-danger{  color: #a94442 ;  }


我们也可以基于这些样式进行修改和添加,得到符合自己需求的样式;


你可能感兴趣的:(bootstrap)