Bootstrap
2016-07-09 17:37:32 0 举报AI智能生成
Bootstrap学习
作者其他创作
大纲/内容
定义：html,css,javascript集合框架
应用
bootstrap.min.css
jquery.min.js
bootstrap.min.js
Grid 布局系统
设备尺寸
大尺寸
1170px(>=1200px)
col-lg-xx
中等尺寸
970px-1170px(>=992px
col-md-xx
小设备
>=768px
col-sm-xx
极小设备
<768px
col-xs-xx
设置偏移
col-xx-offset-xx
显示/隐藏
显示
visible-**-block
隐藏
hidden-**
布局
固定
container
流式
container-fluid
响应式
根据不同设备用不同布局
排版
标题
h1
...
h6
对齐
text-right
text-left
text-center
justify
强调
text-muted
text-primary
text-success
text-info
text-warning
text-danger
常用组件
表格 table
table
table-striped
table-bordered
table-hover
表单 form
编组 form-group
控件 form-control
标签 control-label
水平对齐 form-horizontal
内联对齐 form-inline
插件 input-group
input-group-addon
按钮 button
btn
btn-xxx
btn-primary
btn-default
btn-info
btn-danger
...
btn-尺寸
btn-sm
列表分组 list group
外层容器 list-group
里层列表项 list-group-item
可选 active
计数器装饰 badge
按钮编组 button group
横排 btn-group
竖排 btn-group-vertical
图片
圆角 img-rounded
圆形 img-circle
缩略图 img-thumbnail
自适应 img-responsive
面板 panel
外层容器 panel
默认样式 panel-default
标题 panel-heading
内容 panel-body
页脚 panel-footer
导航 nav
nav容器 navbar
默认样式 navbar-default
增加分页navigation
ul=>pagination
助手方法（通用）
颜色
text-xx
背景
bg-success
...
左右放置
pull-right
pull-left
图标字体
font-awesome
引用样式文件
内联元素
fa fa-xxx
0 条评论
下一页
