Bootstrap学习日记——Bootstrap排版

Bootstrap 使用 Helvetica Neue、 Helvetica、 Arial 和 sans-serif 作为其默认的字体栈

标题

  Bootstrap中定义了所有HTML中的标题样式，这一点与我们HTML中的标题并无差别，但是这里面有一个很有趣的东西就是子标题

  内联子标题

内联子标题顾名思义，就是在标题标签中生效的子标题，用法：①在中加上子标题内容

    
    
    
    
    
    


               
这是主标题这是子标题

运行结果：

  ②通过添加.small类

    
    
    
    
    
    


               
这是主标题
这是子标题

  强调

  Bootstrap中有着很多强调文本的标签，比如（设置为父文本大小的85%）、（设置文本为更粗的文本）、（设置文本斜体）、.text-left（左对齐）、text-center（居中）、text-right（有对齐）、text-muted（提示浅灰色）、text-success（成功浅绿色）、text-primary（主要蓝色）、text-info（通知信息蓝色）、text-waring（警告黄色）、text-danger（危险褐色）

    
    
    
    
    
    


               
正常文本
              副标题文本
              更粗的文本
             斜体文本
           
左对齐文本
          
居中文本
          
右对齐文本
           
浅灰色提示文本
           
主要蓝色文本
           
成功浅绿色文本
          
危险褐色文本
          
通知信息浅蓝色
          
警告黄色

  缩写

  html中提供了缩写标签，但是Bootstrap将这个标签更为个性化了，缩写标签n2，当人们进入页面时只能看到n2，但是将鼠标移到n2上时又会出现完整的n1。

    
    
   
    
    
    


www

  此为Bootstrap的

 此为HTML下的

  地址

  在Bootstrap中我们定义了标签来添加你的联系方式，

中display:block是块级元素（因此不会自动换行）

    
    
   
    
    
    


            
联系我：

            phone：1888888

                
邮箱：[email protected]
            

运行结果：

    注意事项：中mailto的妙用有很多，相关的用法：https://blog.csdn.net/zsj523/article/details/11567507

      还有Bootstrap排版类，共我们学习和参考