Bootstrap 5 FormsLesson 34Free preview

BS5 Forms

This lesson is part of Bootstrap · All levels

Summary

Form Bootstrap embellishes input controls such as text, email, and textarea with the .form-control class. The radio and checkbox options use .form-check, the linked labels use .form-label along with the attribute for and id. The help text is written with .form-text and the option element is written with .form-select.

Key points

.form-control applies the style to input text, email, password, and textarea.
.form-label as a label; associate with the attributes for and id.
.form-text for help text under input.
.form-select distinguishes <select> from ordinary input.
Checkbox control and radio use wrappers. (.form-check)

Full lesson

Code examples and quizzes

Full lessons, code examples, and quizzes are available to subscribers. 5 questions.