bootstrap 容器
容器- 流体Fluid Containers1170970750100%
bootstrap 栅格系统
Bootstrap 将页面水平划分为12 个相等的部分,定义适合不同宽度的相等部分的样式类,并创建一组响应式移动设备的表单。 -第一个流网格系统:
1.col-lg-
2.col-md-
3.col-sm-
4.col-xs-
bootstrap响应式查询区间:
1. 768以上
2. 992或以上
3. 1200以上
bootstrap 表单
1.表单声明表单字段
2. form-inline 内联表单字段
3. form-horizontal 水平对齐表单字段
4. form-group 包含表单文本和表单控件的表单组
5.表单控件文本输入框和下拉列表控件样式
6. checkbox checkbox-内联多选框样式
7. Radio Radio - 内嵌单选按钮样式
8.输入组形成控制组
9. input-group-addon 表单控件组对象样式10. input-group-btn 按钮表单控件组对象样式
10. form-group-lg 大表格
11. form-group-sm 小表格
bootstrap 按钮
1.btn声明按钮
2. btn-default 默认按钮样式
3. btn-primay
4.按钮成功
5. 按钮信息
6. 按钮提醒
7. btn-危险
8. 按钮链接
9.btn-lg
10.btn-MD
11.btn-xs
12. btn-block 的宽度是父级宽度的100%。
13. 活跃
14.残疾人士
15. btn-group 定义按钮组
bootstrap 图片
img-sensitive 声明响应式图像
bootstrap 隐藏类
1.隐藏-xs
2.隐藏SM
3.隐藏MD
4.隐藏lg
bootstrap 字体图标
要用字体替换图标,fonts 文件夹必须与css 文件夹位于同一目录中。
bootstrap 下拉菜单
1. 下拉切换
2. 下拉菜单
bootstrap 选项卡
1.nav
2. 导航选项卡
3. 导航丸
4. 选项卡内容
bootstrap 导航条
1.navbar声明一个导航栏
2. navbar-default 声明默认的导航栏样式。
3. navbar-inverse 声明倒转的导航栏样式。
4. navbar-static-top 去除导航栏的圆角。
5. navbar-fixed-top 导航栏固定在顶部
6. navbar-fixed-bottom 固定到底部导航栏
7. navbar-header 声明一个徽标容器
8. navbar-brand 是一种用于固定内容(例如徽标)的样式。
11. nav navbar-nav 定义导航栏菜单
12. navbar-form 定义导航栏的形式
13. navbar-btn 定义导航栏按钮
14. navbar-text 定义导航栏文本
9.导航栏左侧菜单在左侧
10.右侧导航栏右侧菜单
bootstrap 模态框
1.modal声明一个模态框
2.modal-dialog定义模态框的大小
3. modal-lg定义一个大尺寸的模态框
4. modal-sm 定义小尺寸的模态框
5.模态标题
6. 模态体
7.模态页脚
Bootstrap中文网站:http://www.bootcss.com/
版权声明:本文转载于网络,版权归作者所有。如有侵权,请联系本站编辑删除。