Search results
Examples and usage guidelines for form control styles, layout options, and custom components for creating a wide variety of forms.
Over a dozen reusable components built to provide iconography, dropdowns, input groups, navigation, alerts, and much more. Glyphicons. Available glyphs. Includes over 250 glyphs in font format from the Glyphicon Halflings set.
Free, high quality, open source icon library with over 2,000 icons. Include them anyway you like—SVGs, SVG sprite, or web fonts. Use them with or without Bootstrap in any project.
Tested with Bootstrap 4. Take a form-control, and add is-valid to its class. Notice how the control turns green, but more importantly, notice the checkmark icon on the right of the control? This is what we want! Example:
The icon link helper component modifies our default link styles to enhance their appearance and quickly align any pairing of icon and text. Alignment is set via inline flexbox styling and a default gap value.
Quickly create stylized hyperlinks with Bootstrap Icons or other icons. The icon link helper component modifies our default link styles to enhance their appearance and quickly align any pairing of icon and text. Alignment is set via inline flexbox styling and a default gap value.
Bootstrap provides two types of form layouts: Stacked (full-width) form. Inline form. Bootstrap 4 Stacked Form. The following example creates a stacked form with two input fields, one checkbox, and a submit button. Add a wrapper element with .form-group, around each form control, to ensure proper margins: Example. <form action="/action_page.php">
