Boostrap(三)全局样式

一、CSS全局样式——表单

表单样式概述

单独的表单控件会被自动赋予一些全局样式。所有设置了 .form-control 类的 <input>、<textarea> 和 <select> 元素都将被默认设置宽度属性为 width: 100%;。 将 label 元素和前面提到的控件包裹在 .form-group 中可以获得最好的排列。

基本实例

 不要将表单组直接和输入框组混合使用。建议将输入框组嵌套到表单组中使用。

 内联表单

为 <form> 元素添加 .form-inline 类可使其内容左对齐并且表现为 inline-block 级别的控件。只适用于视口（viewport）至少在 768px 宽度时（视口宽度再小的话就会使表单折叠）。

对于这些内联表单，你可以通过为 label 设置 .sr-only 类将其隐藏。