這篇文章主要介紹了bootstrap設置字體顏色的示例，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

目前成都創(chuàng)新互聯(lián)已為上1000+的企業(yè)提供了網(wǎng)站建設、域名、虛擬空間、網(wǎng)站運營、企業(yè)網(wǎng)站設計、易門網(wǎng)站維護等服務，公司將堅持客戶導向、應用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。

bootstrap設置字體顏色的方法：首先打開Bootstrap.css文件；然后搜索text-muted；接著查看默認情況下bootstrap給出的文本顏色樣式；最后以基于這些樣式進行修改和添加即可。

先來看看bootstrap自定義的文本顏色是什么樣的：

代碼：

  
    
    
    
    
    
    
    
    
  
  
              
我是muted
              
我是primary
              
我是success
              
我是info
              
我是warning
              
我是danger
          
    
    
  

顯示效果：

上面就是六個不同的文本顏色，我們再來看看具體的文本顏色是多少？

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

結果如下：

這樣我們就可以看出默認情況下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設置字體顏色的示例”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)，關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關知識等著你來學習!