Ⅱbootstrap基本使用

Bootstrap

css内置样式

class

文本

txt-muted
txt-danger
txt-primary
txt-success
txt-danger

浮动

pull-left
脱离文档流
清除浮动
clearfix
可联合使用

表格样式

caption
标题
thead
tbody
tfoot
class
table
table
table-stripped IE9以下不识别
table-hover
Unterzweig
info 只对表格起作用
bg
bg-success
注意顺序
bg是先定义的css

表单样式

class
form-control 灰色/圆角/阴影
form-control-static
form-inline 同一行进行显示
action
javasript:; 默认提交表格必须写

按钮

class
btn
无框/变大
btn-danger
红色
btn-info
蓝色

字体图标

组件
手册拷贝

下拉菜单

三角
caret

组合使用

BootstrapJS使用

引入

bootstrap JS

Unterzweig
引入data-toggle
传入JS代码

jQuery

栅格系统

目的

# # 实现响应式

# 属性

# # col-lg-n n最大为12

大于1200px会出现上述样式
col-md-n
大于992px
col-sm-n
小于668px

你可能感兴趣的:(Ⅱbootstrap基本使用)