Bootstrap是用于设计网页的CSS框架。引导程序与HTML和JavaScript一起产生了交互式Web设计。最新版本是Bootstrap v4.5。 Bootstrap具有各种组件和实用程序。 Bootstrap组件包括表单组件。 Bootstrap具有一个内置的表单控件类，该类用于创建表单和相应的表单输入字段。 Bootstrap表单组件允许使用嵌套行创建表单。行和列是Bootstrap中的另一个实用程序，可用于对齐嵌套表单行。
在本文中，我们将看到两个示例来对齐嵌套的表单行，其中一个示例使用form-group类，而另一个示例使用行和列的概念仅显示所需的结构。
示例1：在此示例中，定义了由嵌套表单行组成的主容器。在容器内，使用一个宽度为7个单位的列定义一个表单组行类。该列再次由一个表单组行组成，该行包含两列。第一列用于指定输入字段的标签，第二列用于定义输入字段。
由于定义了列宽，因此表单标签和输入字段不会超过列的大小，因此保持对齐。通过将按钮放置在嵌套行的第二列中并保持第一列为空，该按钮与表单的输入字段对齐。
代码实现：
HTML
HTML
输出：
示例2：在此示例中，定义了由嵌套行组成的主容器。在容器内，定义了一个行类，该类具有一列，宽度为7个单位。该列再次由包含两列的行组成。第一列用于指定输入字段的标签，第二列用于定义输入字段。由于定义了列宽，因此表单标签和输入字段不会超过列的大小，因此保持对齐。最后，将一个按钮放置在与表单的输入字段正确对齐的位置。它与第一种方法类似，不同之处在于我们不使用form-group类。
代码实现：
的HTML
输出：
