bootstrap笔记(不定期更新)
为了确保适当的绘制和触屏缩放,需要在 <head> 之中添加 viewport 元数据标签:
<meta name="viewport" content="width=device-width, initial-scale=1">
在移动设备浏览器上禁用其缩放(zooming)功能:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
容器类
.container 类用于固定宽度并支持响应式布局的容器。
.container-fluid 类用于 100% 宽度,占据全部视口(viewport)的容器。
“行(row)”必须包含在 .container (固定宽度)或 .container-fluid (100% 宽度)中,以便为其赋予合适的排列(aligment)和内补(padding)。
珊格参数:
小于768,col-xs-
大于等于768,col-sm-
大于等于992,col-md-
大于等于1200,col-lg-
列偏移(等于加margin)
col-md-offset-
列排序(等于加left)
右排序:col-md-push-
右排序:col-md-pull-
副标题:<small>或small类
段落突出:.lead
无用文本:<s>标签
下划线:<u>标签
插入文本:<ins> 标签
字母小写:text-lowercase类
字母大写:text-uppercase类
首字母大写:text-capitalize类
缩略语:例<abbr title="attribute">attr</abbr>,加initialism 类字号变小
无样式列表:list-unstyled类
内联列表:.list-inline类
水平排列的描述:dl-horizontal类(dl标签用)
表格标题:<caption>标签,必须紧随 <table> 标签之后
响应式表格:table-responsive
表格样式:table
表格条纹:table-striped
表格边框:table-bordered
鼠标悬停:table-hover
紧缩表格:table-condensed
表格状态:
灰色:active
绿色:success
浅蓝:info
浅黄:warning
粉色:danger
表单组:form-group
100%宽:form-control