2016.10.29 复习Bootstrap.2

表单：所有设置了 .form-control 类的 <input>、<textarea> 和 <select> 元素都将被默认设置宽度属性为 width: 100%;。 将 label 元素和前面提到

的控件包裹在 .form-group 中可以获得最好的排列。（div中写form-group ）placeholder（默认值） <input type="file"（选择文件）.form-inline 类可使其内容左

对齐。一定要添加 label 标签设置 .sr-only 类将其隐藏。在input旁加按钮···（用div包裹，中用.input-group类） 后<div class="input-group-addon">@</div

>水平排列的表单：通过为表单添加.form-horizontal。 control-label（使lable右对齐）只有正确设置了 type 属性的输入控件才能被赋予正确的样式。文本域支持

多行文本的表单控件。可根据需要改变 rows 属性。 .checkbox-inline 或.radio-inline类}（使选择框排在一行）select：multiple 属性可以同时显示多个选项。如

果需要在表单中将一行纯文本和 label 元素放置于同一行，为 <p> 元素添加 .form-control-static 类即可。autofocus（自动获得焦点）<fieldset disabled>（里面所有标

签禁用）。readonly （只读）。校验状态：添加 .has-warning、.has-error 或 .has-success 类到这些控件的父元素即可。添加额外的图标：只需设置相应的 .has-feedback 类并

添加正确的图标即可。<span class="glyphicon glyphicon-ok form-control-feedback"></span>通过为 label 元素添加 .sr-only 类，可以让表单控件的 label 元素不可见。在这种

情况下，Bootstrap 将自动调整图标的位置。（强烈建议使用able标签。不用使用sr-only类）。通过 .input-lg 类似的类可以为控件设置高度，通过 .col-lg-* 类似的类可以为控件设

置宽度。通过添加 .form-group-lg 或 .form-group-sm 类，为 .form-horizontal 包裹的 label 元素和表单控件快速设置尺寸。辅助文本：<span class="help-block">A block.

</span>