表单组

使用 .form-group 类向表单添加某些结构的最简单方法。它提供了一个灵活的类，鼓励对标签、控件、可选帮助文本和表单验证消息进行正确分组。默认情况下，它只应用margin-bottom，但它根据需要在.form-inline中获取其他样式。它与<fieldset>、<div>或几乎任何其他元素一起使用。

表单网格布局

使用我们的网格类可以构建更复杂的表单。对于需要多个列、不同宽度和其他对齐选项的表单布局，请使用这些选项。

表单行

您还可以将.row替换为.form-row,，这是我们标准网格行的变体，它覆盖了默认的插槽，以获得更紧凑的布局。

复杂示例

也可以使用网格系统创建更复杂的布局。

表单横向对齐

通过添加.row类来成组，并使用.col-*-*类来指定标签和控件的宽度。一定要将 .col-form-label添加到<label>中，使它们与相关联的表单控件垂直居中。

有时，您可能需要使用margin或padding属性来创建所需的完美对齐。例如：我们删除了单选框的 padding-top以更好地对齐文本基线。

列宽

如前面的示例所示，我们的网格系统允许您将任意数量的.col放入.row或.form-row。它们将在它们之间平均分配可用宽度。您也可以选择列的一个子集来占用更多或更少的空间，而剩余的.col则使用特定的列类（如.col-7）平均分割其余部分。

自动列宽

下面的示例使用flexbox公共样式将内容垂直居中，并将 .col更改为 .col-auto，这样列只占用所需的空间。换句话说，列的大小取决于内容。