Search results
Example. Also note that we add a .form-label class to each label element to ensure correct padding. Checkboxes have different markup. They are wrapped around a container element with .form-check, and labels have a class of .form-check-label, while checkboxes and radio buttons use .form-check-input.
- Icons BS Glyphicons
Bootstrap 3 Icons. Below is a list of all Bootstrap 3...
- BS Forms
Bootstrap Form Layouts. Bootstrap provides three types of...
- Bootstrap 5 Tutorial
This tutorial contains hundreds of Bootstrap 5 examples....
- Icons BS Glyphicons
Bootstrap 3 Icons. Below is a list of all Bootstrap 3 Glyphicons. Note: Glyphicons are not supported in Bootstrap 4. For more information about Bootstrap 3 and Glyphicons, visit our Bootstrap 3 Tutorial.
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.
Examples and usage guidelines for form control styles, layout options, and custom components for creating a wide variety of forms.
Guidance and suggestions for using external icon libraries with Bootstrap. While Bootstrap doesn’t include an icon set by default, we do have our own comprehensive icon library called Bootstrap Icons. Feel free to use them or any other icon set in your project.
This tutorial contains hundreds of Bootstrap 5 examples. With our online editor, you can edit the code, and click on a button to view the result.
Bootstrap Form Layouts. Bootstrap provides three types of form layouts: Vertical form (this is default) Horizontal form; Inline form; Standard rules for all three form layouts: Wrap labels and form controls in <div class="form-group"> (needed for optimum spacing) Add class .form-control to all textual <input>, <textarea>, and <select> elements