表格演示（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 。