Bootstrap全局css样式

HTML5文档模型和移动设备优先

HTML5文档声明及语言选择
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

<h1> 到 <h6> 均可用，同时提供了 .h1~6
<small> 标签可在标题中当副标题一般为父类font-size 的85%
Bootstrap全局font-size为14px ,line-height 为1.428
.lead 突出显示段落
<mark> 高亮显示 <del> 被删文本 <s> 无用文本 <ins> 插入文本(表现形式下划线)
强调<strong> <em> 高亮 <b> 技术词汇，发言<i>
文本对齐 text-left/center/right/justify/nowrap/lowercase/uppercase/capitalize
缩略 <abbr title=" "></abbr> 添加.initialism 可让font-size稍微变小一点
地址 <address> 每行结尾添加<br> 可保留样式
引用 <blockquote> .blockquote-reverse 右对齐内容中<footer> 标明来源来源中<cite title=""> 可标记地名
.list-unstyled/inline 无样式列表/添加少量的内补
描述 <dl> <dt> <dd> .dl-horizontal 让标题和描述在一行中展示出来
text-overflow 自动截取
<code> 包裹内联代码，<kbd> 键盘输入内容
代码块 <pre> 尖括号需要转义 $lt/gt; .pre-scrollable max-height为350px,超过垂直方向滚动条
变量 <var> 程序输出 <samp>

.table 表格样式，只有横向分割线
.table-striped/bordered/hover/condensed 条纹/增边框/悬停做响应/表格更加紧凑
.active/success/info/warning/danger 设置颜色
.table-response 响应式表格包裹.table 元素 <768px让表格适应设备 Firefox 对 filedset设置影响宽度的样式会影响响应式表格 Stack Overflow answer

单独的表单会自动赋予全局样式 .form-control 类的<input> <textarea> <select> 默认宽度100%，因该将输入框嵌套到表单组件中
.form-line 视口至少在768px宽度时
一定要添加<label> 标签，.sr-only 隐藏标签还要label标签的替代方案 aria-label/labelledby 或 title 属性当这些属性不存在屏幕阅读器采用就用 placeholder属性
.table-horizontal 将改变.form-group 行为不需要用.row，将.form-group 中的内容一行展示
.form-control支持大部分表单控件 text/password/datetime/datetime-local/date/month/week/number/email/url/search/tel/color 只有设置了正确的tyle 才能赋予正确的样式
<label> 标签中 .control-label 类似右对齐
文本域 <textarea rows="3"> 设置多行
多选/单选 .checkbox/.radio 需要为内部输入元素 disabled属性自身.disabled
内联 .checkbox-inline/.radio-inline
select元素 multiple 多选
.form-control-static 一行纯文本
not-allowed 鼠标状态禁用
<fieldset> 中的所有控件均受 disable 属性影响
.readonly 只读状态
help-block 帮助文档

     <label for=""></label>
     <input id="" aria-describedby="zzz">
     <span id="zzz" class="help-block">zzz</span>