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.

Style options

Style options - Bootstrap Tutorial

From the course: Bootstrap 4 Essential Training

Start my 1-month free trial

Style options

- [Instructor] There's a few classes that let you control the size as well as the validation styles for forms. So in addition to the regular input field size, you can also use form-control-sm as a class to make the input field smaller and form-control-lg to make it bigger. You also have the ability to make form groups display as inline element, and that would mean that the label and the input field and perhaps any text after that input field, the same line. Here I have a pretty simple form and at the very top I have an input field for the owner name. I can add one of these size classes if I want to and call this form-control-sm and that will make my input field a little bit smaller. And I can also use, let's try form-control and then lg on this other input field. You can see a much bigger input field right here. And if you want to, you can make the group here an inline element by saying form-inline and it's not going to…

Contents