From the course: Bootstrap 4 Essential Training

Unlock the full course today

Join today to access over 22,400 courses taught by industry experts or purchase this course individually.

Checkboxes and radio classes

Checkboxes and radio classes - Bootstrap Tutorial

From the course: Bootstrap 4 Essential Training

Start my 1-month free trial

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…

Contents