.form-control
所有的基础表单元素,在form-control类的控制下,都会被定义宽度等信息。
所有设置了 .form-control
类的 <input>
、<textarea>
和 <select>
元素都将被默认设置宽度属性为 width: 100%;
例如:<input class="form-control">
.form-group
label和表单元素包裹在.form-group中,可以获得比较好的排列。
输入框组和表单组不要混合使用
建议将输入框组嵌套到表单组中使用。
内联表单
.form-inline
输入框组
input-group-addon
被支持的控件
包括大部分表单控件、文本输入域控件,还支持所有 HTML5 类型的输入控件: text
、password
、datetime
、datetime-local
、date
、month
、time
、week
、number
、email
、url
、search
、tel
和 color
。
水平排列
.form-horizontal
单选多选框 内联显示
.checkbox-inline
或 .radio-inline
所谓屏幕阅读器 就是能通过软件 直接将页面上的文字 转化成 语音等信息的设备。
静态控件
.form-control-static
如果需要在表单中将一行纯文本和 label
元素放置于同一行,为 <p>
元素添加 .form-control-static
类即可。
<fieldset> 组合表单元素,对浏览器版本要求较高。
校验状态
导航和导航条组件只支持
<button>
元素。
预定义样式
成功 消息 警告 错误