Bootstrap入门基础（三）

表格、表单 1，表格 样式使用： <tr><th><td>类 响应式表格： 把  .table 包在 .table-responsive class,表格水平滚动以适应小型设备（小于 768px）。当在大于 768px 宽的大型设备上查看时，没有差别。 2，表单 垂直表单（默认）： 向父 <form> 元素添加 role="form"。把标签和控件放在一个带有 class .form-group 的 <div> 中。这是获取最佳间距所必需的。向所有的文本元素 <input>、<textarea> 和 <select> 添加 class .form-control。 <form role="form"> <div class="form-group"> <input type="" class="form-control"> </div> </form> 内联表单   (如：使标签并排)  class .form-inline 水平表单 向父 <form> 元素添加 class .form-horizontal。把标签和控件放在一个带有 class .form-group 的 <div> 中。向标签添加 class .control-label。

支持的表单控件  主要有：input  , textarea  ,  checkbox  ,  radio  ,  select

复选框 checkbox    单选框 radio

对一系列复选框和单选框使用 .checkbox-inline 或 .radio-inline class，控制它们显示在同一行上

选择框select  ,允许用户多选multiple="multiple"

静态控件 ：

在一个水平表单内的表单标签后放置纯文本时，请在 <p> 上使用 class .form-control-static。

验证状态：.has-warning、 .has-error 或 .has-success

表单控件大小：class .input-lg 和 .col-lg-* 来设置表单的高度和宽度