📜  引导程序4 |颜色

📅  最后修改于: 2021-05-25 16:20:26             🧑  作者: Mango

文本颜色: Bootstrap提供了许多类来设置元素的文本颜色。下面列出了所有类别的文本颜色:

  • .text-muted
  • .text-primary
  • .text成功
  • .text-info
  • .text-warning
  • .text-danger
  • .text-secondary
  • .text-white
  • .text-dark
  • .text-body
  • .text-light

示例:此示例使用文本颜色类设置文本内容的颜色。



      

    Bootstrap Color Example
    
    
    
    
    
    
      
    
      
    
      
    

  

    
        

Bootstrap Colors List

        
                
  • .text-muted class
  •             
  • .text-muted class
  •             
  • .text-success class
  •             
  • .text-info class
  •             
  • .text-warning class
  •             
  • .text-danger class
  •             
  • .text-secondary class
  •             
  • .text-white class
  •             
  • .text-dark class
  •             
  • .text-body class
  •             
  • .text-light class
  •         
    
  

输出:

背景颜色: Bootstrap提供了许多类来设置元素的背景颜色。下面列出了所有类别的背景色:

  • .bg-primary
  • .bg成功
  • .bg-info
  • .bg警告
  • .bg-危险
  • .bg-secondary
  • .bg-暗
  • .bg-light

示例:本示例使用background-color类设置内容的背景色。



      

    Bootstrap Background Color Example
    
    
    
    
    
    
      
    
      
    
      
    

  

    
        

Bootstrap Background Colors List

        
                
  • .bg-primary class
  •             
  • .bg-success class
  •             
  • .bg-info class
  •             
  • .bg-warning class
  •             
  • .bg-danger class
  •             
  • .bg-secondary class
  •             
  • .bg-dark class
  •             
  • .bg-light class
  •         
    
  

输出: