7

Using Bootstrap v4, how can you build a form like the one seen below?

I'm trying to understand if I should be using form-inline with either multiple form-groups or multiple rows?

https://v4-alpha.getbootstrap.com/components/forms/

FORM

Improve this question

1 Answer 1

Reset to default
6

You'll want to use form-group and fieldset

form-group groups the input elements on the same line

fieldset makes the label appear above the input

Jsfiddle: https://jsfiddle.net/5wbeqmgc/2/

Not perfect, but a simple example using columns: https://jsfiddle.net/5wbeqmgc/4/

Improve this answer
Sign up to request clarification or add additional context in comments.

3 Comments

Thank you for the reply... Why is the margin between the fields gone?
Great. Thank you
I came to this page with the same question, however, it seems that this answer is wrong. If you follow the fiddle and make the window big enough, you'll see the controls inline instead of in a row inside both the form-group and the fieldset.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.