html家庭成员表单布局,html-Bootstrap 3 2列表单布局

html-Bootstrap 3 2列表单布局

我仍在学习正确使用Bootstrap 3，并想知道是否所有人都可以帮助我。 我想要这样的布局：

Label Label

Textbox Textbox

Label Label

Textbox Textbox

Label Label

Textbox Textbox Textarea

我知道，如果使用.form-group，它将使我能够在文本框顶部完成Label。 我如何才能确保在一个列中发生这种情况，但又允许一些内联的东西，例如带有两个文本框并排的示例？

3个解决方案

59 votes

如前所述，您可以使用网格系统随意布置输入和标签。 诀窍是要记住，您也可以使用列中的行将它们分成十二位。

下面的示例是实现目标的一种可能方法，当屏幕较小或较大时，会将Label3附近的两个文本框放在同一行。

Label1

Label2

Label3

Label4

[HTTP://JS fiddle.net/没3U8不加V0/2/]

Mustex answered 2020-07-30T21:09:36Z

16 votes

您可以使用引导网格系统：

Label1

Label2

[HTTP://个体bootstrap.com/CSS/#grid]

这就是您想要实现的目标吗？

Yooz answered 2020-07-30T21:10:04Z

1 votes

您可以使用引导网格系统。 如Yoann所说

Email address

Name

Password

Confirm Password

Manik answered 2020-07-30T21:10:24Z