文本

文本颜色

如果文本是个链接，则鼠标移动到链接文本上的时候，文本会变暗

.text-muted：灰色

.text-primary：浅蓝色

.text-success：绿色

.text-info：深蓝色

.text-warning：橘黄色

.text-danger：红色

 

 文本位置

.text-left：文本左对齐

.text-center:文本居中对齐

.text-right：文本右对齐

 

文本换行

.text-justify：文本对齐，超出屏幕部分文字自动换行

.text-nowrap：段落中超出屏幕部分不换行

 

文本大小写

.text-lowercase：文本小写

.text-uppercase：文本大写

.text-capitalize：单词首字母大写

 

背景

背景颜色，如果文本是链接，则当鼠标移动到文本上时，背景会变暗

 

其他

快速浮动

您可以分别使用 class pull-left 或 pull-right 来把元素向左或向右浮动。下面的实例演示了这点。

      
           
     
         Quick Float to left
     
     

Quick Float to right

结果如下所示：

如需对齐导航栏中的组件，请使用 .navbar-left 或 .navbar-right 代替。请查看 。

 

清除浮动

如需清除元素的浮动，请使用 .clearfix class。

      
           
     
   
      
             向左快速浮动   
      
   
      
             向右快速浮动   
      
     

结果如下所示：

 

内容居中

使用 class center-block 来居中元素。

      
           
     
   
      
             这是 center-block 实例   
      
     

结果如下所示：

 

显示和隐藏内容

您可以通过使用 class .show 和 .hidden 来强行设置元素显示或隐藏（包括屏幕阅读器）。

      
   
       
              This is an example for show class    
       
   
       
              This is an example for hide class    
       
      

结果如下所示：

 

屏幕阅读器

您可以通过使用 class .sr-only 来把元素对所有设备隐藏，除了屏幕阅读器。

       
   
        
   
         
      
          Email 地址      
             
         
   
         
      
          密码      
             
         
        
       

结果如下所示：

在这里，我们看到两个 input 类型的 label 标签都带有 class sr-only，因此标签将只对屏幕阅读器可见。

 

关闭图标

使用通用的关闭图标来关闭模态框和警告框。使用 class close 得到关闭图标。

Close Icon Example    //aria-hidden是给屏幕阅读器用的，&times为html实体，表示一个“乘号”      ×   

结果如下所示：

 

插入符

使用插入符表示下拉功能和方向。使用带有 class caret 的 <span> 元素得到该功能。

插入符实例   

结果如下所示：