前端三剑客-08bootstrap

bootstrap

基于jQuery，也就意味着你在用bootstrap要先导入jQuery文件

布局容器

左右有固定留白

row 独占一行

全屏展示

栅格系统

一个row就表示一行(这一行默认给你均分成了12份,每一份你还可以均分成12份)

首先使用bootstrap先写一个布局容器

两边有空间

无空间

一行

控制你占当前行的多少份(md通常为正常电脑屏幕)
col-xs-6 意思为无论多大的显示器, 当前标签都找对应12份的6份

列偏移

col-md-offset-3 以md模式偏移3 常搭配 col-m-6 => 6+ 23=12 col-md-8 col-md-offset-2 => 8+22=12

浮动

pull-left

pull-right pull-left

文本

text-center 对称居中

表格

按钮

button btn-sm 小型按钮

button
button
button
button
Link

​
btn-block 占父标签100%

导航

复制粘贴吧

inverse 改原本的 default 可以变成黑色