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.

Custom form components

Custom form components - Bootstrap Tutorial

From the course: Bootstrap 4 Essential Training

Start my 1-month free trial

Custom form components

- [Instructor] Custom forms gives you the option of creating input fields that look similar in different browsers. Let's take a look at how they work, first off, instead of using the traditional classes for input fields, you'd modify them to have one of these custom ones, so you say custom radio, custom checkbox, and in the case of custom select, you can also specify a size, so custom select sm, custom select lg, in order to make them match any customized sizes that you've used in regular text input fields. Now in these, you can add a custom control label field and that is what ties the label into the input field that's really critical with radio, checkboxes, and switches which are just modified checkboxes and in those instances, you add a container that has a custom control class and then that same container will have the custom radio or custom checkbox class added to it. In addition to that, because you're adding the custom radio to the container and not the individual input field…

Contents