bootstrap

bootstrap-要啥样式取啥样式

1、   下载bootstrap（和jQuery.js）

a)        

2、   html中有四种依赖（2L2S）

a)       一般写法

                     i.           

b)       整合thymeleaf后的写法

                     i.           

3、   常用标签类eg: <div class=”container”></div>

a)       “danger”               //背景色变为浅红色

b)       “succeess”             //背景色变为浅绿色

c)        “info”                    //背景色变为浅蓝色

d)       “active”                 //背景色变为浅灰色

e)       “warning”             //背景色变为浅黄色

f)         “container”           //容器式样

g)       “row”                    //占一行

h)       “col-md-6”          

                     i.            占一列，该列长度为6

                    ii.            一行的长度为12，若列长度为6，则一行可容2列

                  iii.            第二个参数可为xs(超小屏幕)、sm（小屏幕）、md（中等屏幕）、lg（大屏幕）

                  iv.            一个class可写多个此标签，实现屏幕自动适应

i)         “col-md-offset-3”      

                     i.            向右移动3列，若后面有元素，会将后面的元素往后挤

j)         “col-md-push-3”       

                     i.            向右移动3列，若后面有元素，不会将后面的元素挤开，会覆盖在后面元素的上面

                    ii.            相对的还有”col-md-pull-3”，向左边移动3列

k)        “lead”     //让文本特殊显示

4、   文本的行高和字体

a)      

5、   bootstrap标签

a)       <small> 副标题

b)       <del>或<s>  给文本画斜线

c)        <mark> 高亮显示

d)       <ins>     下划线

e)       <em>    斜体

f)         <strong>粗体

g)       <kbd> 文本颜色与背景互换

6、   text属性

a)       text-center 居中

b)       text-left  靠左

c)        。。。

7、   table属性

a)       table 简约风

b)       table-hover 鼠标停留实现渐变效果

c)        table- bordered 显示边框

8、   表单：

a)       form-group

b)       form-control