Bootstrap - 表格演示( Form Demo)
表格布局
Bootstrap为您提供以下类型的表单布局 -
- 垂直（默认）表单
- In-line form
- 横向形式
垂直或基本形式
基本的表单结构附带Bootstrap; 单独的表单控件自动接收一些全局样式。 要创建基本表单，请执行以下操作 -
将角色form添加到父“form”元素。
使用.form-group类在<div>中包装标签和控件。 这是最佳间距所必需的。
将.form-control类添加到所有文本“input”，“textarea”和“select”元素。
内联表格
要创建一个所有元素都是内联，左对齐和标签的表单，请将.form-inline类添加到“form”标记中。
横向表格
水平形式与其他形式不同，不仅在标记量方面，而且在形式的呈现方面。 要创建使用水平布局的表单，请执行以下操作 -
将一个.form-horizontal类添加到父“form”元素。
使用.form-group类在<div>中包装标签和控件。
在标签中添加一类.control-label 。
| 例子 | 描述 | 下载链接 |
|---|---|---|
| 登录页面 | 此示例指示Bootstrap中的登录页面结构 | Download |
| Contact page | 此示例指示Bootstrap中的Contact页面结构 | Download |
| Sign Up page | 此示例指示Bootstrap中的“注册”页面结构 | Download |
