bootstrap笔记

1、布局容器

　　一、container

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

　　二、container-fluid

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

 

2、栅栏参数

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

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

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

 

3、列偏移

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

 

4、列排序

　　col-md-push 向右移动

　　col-md-pull 向左移动　　

 

5、标题

　　h1 - h6

　　.h1 - .h6 

 

6、副标题

　　small  或 .small

　　通常用在h1-h6中

 

7、中心内容

　　.lead

　　字体变大 margin-bottom变大

　　通常用在p标签中

 

8、标记

　　mark标签

 

9、被删除文本

　　del标签　　s标签

 

10、插入文本

　　u标签　　ins标签 　　

　　文本下面添加下划线

 

11、加粗

　　b标签 　　strong标签

 

12、斜体

　　em标签　　i标签

 

十3、对齐

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

 

十4、改变大小写

　　text-lowercase：所有小写　　text-uppercase：所有大写　　text-capitalize：每一个首字母大写

 

十5、缩略语

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

 

 十6、引用

　　blockquote标签 通常放p标签 和footer标签  左侧对齐

　　.blockquote-reverse 右侧对齐

 

十7、列表

　　无样式列表 .list-unstyled

　　内联样式 .list-inline

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