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.

Add form elements

Add form elements - Bootstrap Tutorial

From the course: Bootstrap 4 Essential Training

Start my 1-month free trial

Add form elements

- [Instructor] Form elements are pretty easy to implement with just a couple of classes. So let's take a look at how they work. In order to add form elements to a menu, you simply need two classes. First you use a form-inline element on some type of container where you're going to place the form elements. And then if you just add form-control classes as needed for things like input fields. And some elements don't even need any extra classes, like buttons, but you may need to add some additional spacing classes as needed. So let's take a look at how this works. Got a pretty simple menu right here and you'll notice that in order to add any other element, what we want to do is add it as a separate element. So I've got this container right here and I've got this navbar-nav. Navbar-nav is a component in the navigation, so right after that component, and this one I've done with a list item, so you can see the slight difference between list items and regular anchor tags. The difference is…

Contents