From the course: Bootstrap 4 Essential Training
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Checkboxes and radio classes - Bootstrap Tutorial
From the course: Bootstrap 4 Essential Training
Checkboxes and radio classes
- [Instructor] There are a number of styles that are geared towards checkboxes and radio input fields. They're a little bit different than normal input fields because their layouts are different. So let's take a look. The main container for input fields related to checkboxes and radio buttons, is called form-check. It's different than using the regular input field groups because it doesn't go inside the input fields themselves, but instead on a container for these form elements. Form-check-label is specifically for the labels that belong to these type of fields, and form-check-input is for the checkbox or radio button input field itself. Checkboxes and radio buttons display as block elements by default. If you want them to display side-by-side, you can use form-check-inline. Let's take a look at the form. So I've added some additional information right here for the pets. It's under this field set called Pet Medical Data. And it starts right here. And I've added form-groups already…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.