bootstrap 学习笔记(2)---- 排版

安装和栅格系统学完,这篇写的是排版
手册中排版的目录如下图

bootstrap 学习笔记(2)---- 排版_第1张图片

《标题,页面主题,内联文本元素,对齐,改变大小写,缩略语,地址,引用,列表》
手册中介绍那么多,其实并不是所有的都要去看看。很多都是没有必要的。
总结了几个要看的地方:

  《标题,段落,mark标记,del删除线,small小号字体,文字文本对齐,文本大小写,无样式列表,内联列表,自定义列表(描述),水平排列列表》
现在对其做如下说明:
1、标题:
    

bootstrap前端框架


2、段落

fdsjfksdhfkfjfjsdkjfds;agfdkjghdfjghfdghfdgds撒分段函数返回的是反攻倒算复合弓法的很多方v的v更改fdsjfksdhfkfjdsjksfjdkfjsdkjfds;agfdkjghdfjghfdghfdgds撒分段函数返回的是反攻倒算复合弓法的很多方v的v更改


3、mark标记  :dsjksfjdk

 
4、del 删除线 agfdkjgh

5、小号字体段函数返回的

6、文字对齐方式: 讲了五种,3种有用  分别是左中右
    

dfsdhfdsjhfd


    

dfsdhfdsjhfd


    

dfsdhfdsjhfd



7、文本大小写:
   

Lowercased text.


    

Uppercased text.


    

Capitalized text.

结果:

bootstrap 学习笔记(2)---- 排版_第2张图片

8、无样式列表:移除了默认的 list-style 样式和左侧外边距的一组元素(只针对直接子元素)。这是针对直接子元素的,也就是说,你需要对所有嵌套的列表都添加这个类才能具有同样的样式。
    
        


                
  • sfsdgfd

  •             
  • fgf

  •         


9、内联列表: 通过设置 display: inline-block; 并添加少量的内补(padding),将所有元素放置于同一行。
          

                
  • sfsdgfd

  •             
  • fgf

  •             
  • fgdfg

  •             
  • fghfdgdfhgt

  •             
  • skajdasjkhd

  •         

10、自定义列表,带有描述的短语列表:

 
...

 
...


11、水平排列列表:


 
...

 
...



内容原文内容挺多的,常用的这11项,记住就好了。
   

你可能感兴趣的:(bootstrap 学习笔记(2)---- 排版)