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

posted @ 2017-07-25 17:26  晴空与风  阅读(221)  评论(0编辑  收藏  举报