bootstrap笔记

一、布局容器

　　1、container

　　　　container类用于固定宽度并支持响应布局的容器

　　2、container-fluid

　　　　container-fluid用于100%宽度的布局铺满整个窗口

 

二、栅栏参数

　　 col-xs- 　　　　　　col-sm- 　　　　　　col-md-　　　　　　　　col-lg-

　　超小屏幕 　　　　　　小屏幕 　　　　　　  中等屏幕 　　　　　　　　大屏幕 

　　手机 (<768px)　　　　平板 (≥768px)　　　　   桌面显示器 (≥992px)　　　　大桌面显示器 (≥1200px)

 

三、列偏移

　　col-*-offset-1　　在这一列添加margin-left

 

四、列排序

　　col-md-push 向右移动

　　col-md-pull 向左移动　　

 

五、标题

　　h1 - h6

　　.h1 - .h6 

 

六、副标题

　　small  或 .small

　　一般用在h1-h6中

 

七、中心内容

　　.lead

　　字体变大 margin-bottom变大

　　一般用在p标签中

 

八、标记

　　mark标签

 

九、被删除文本

　　del标签　　s标签

 

十、插入文本

　　u标签　　ins标签 　　

　　文本下面添加下划线

 

十一、加粗

　　b标签 　　strong标签

 

十二、斜体

　　em标签　　i标签

 

十三、对齐

　　text-left　　text-right　　text-center　　text-justify　　text-nowrap

 

十四、改变大小写

　　text-lowercase：全部小写　　text-uppercase：全部大写　　text-capitalize：每个首字母大写

 

十五、缩略语

　　abbr标签　　为缩略语添加 .initialism 类，可以让 font-size 变得稍微小些。

 

 十六、引用

　　blockquote标签 一般放p标签 和footer标签  左侧对齐

　　.blockquote-reverse 右侧对齐

 

十七、列表

　　无样式列表 .list-unstyled

　　内联样式 .list-inline

　　水平排列的dl>dt>dd　　.dl-horizontal