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 - Bootstrap Tutorial
From the course: Bootstrap 4 Essential Training
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…
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.