bootstrip

https://v3.bootcss.com/

前端框架Bootstrap 是基于JQuery的 所以你用框架动态效果的时候 必须确保先导入JQuery
用Bootstrap之前 先导入JQuery

你需要导三个文件
第一个是jQuery

第二个是css文件
第三个是js文件

 

 

布局容器
使用前端框架之后 所有标签样式的调整 全部是通过class属性值来的
<div class="container"></div> 左右两边留白
<div class="container-fluid"></div> 全屏显示

栅格系统
默认情况下
一个row就是一行
每个row默认会均分成12份
你可以通过col-md-Num 来选择你想要占几份

你当前已经占了几份 还剩几份 (12份)

栅格参数
xs

sm

md

lg

起手写的两句代码
<div class="container-fluid">
<div class="row">
...
</div>
</div>

列偏移
col-md-offset-3

表格

表单
表单加样式 你只需要记一个
form-control

浮动
pull-left 左浮动

pull-right 右浮动


按钮组
btn btn-颜色

!important 执行优先级最高