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