Neon - Responsive Bootstrap 4 Admin Dashboard & UI Kits

Form Layouts

Basic Form

Here’s a quick example to demonstrate Bootstrap’s form styles. Keep reading for documentation on required classes, form layout, and more.

Horizontal form

Create horizontal forms with the grid by adding the `.row`class to form groups and using the `.col--`classes to specify the width of your labels and controls. Be sure to add `.col-form-label`to your `<label>`s as well so they’re vertically centered with their associated form controls.

Horizontal form

Inline Form

Use the `.form-inline`class to display a series of labels, form controls, and buttons on a single horizontal row. Form controls within inline forms vary slightly from their default states.

Inline Form

Auto-sizing Form

Form row

You may also swap `.row`for `.form-row`, a variation of our standard grid row that overrides the default column gutters for tighter and more compact layouts.