From the course: Bootstrap 3: Advanced Web Development

Unlock this course with a free trial

Join today to access over 22,400 courses taught by industry experts.

Enhancing responsive form layouts

Enhancing responsive form layouts - Bootstrap Tutorial

From the course: Bootstrap 3: Advanced Web Development

Enhancing responsive form layouts

Bootstrap has fantastic forms and if you look in the CSS section of the manual and then you click on forms, you can see that they're very easily implemented. It pretty much takes existing form code and makes it look awesome. One of the approaches to the new version of Bootstrap is called mobile. First, and that means making sure things look great on mobile devices. And I think it would be impressed at how well Bootstrap deals with forms when you just put in normal form code. But there's a few enhancements and we'll be taking a look at them in this video. I want to do something kind of like this, a horizontal form. That lays out the elements of the form side-by-side, which looks really good, but is also very responsive. So, let's take a look at how you would do something like this. Here is the final version of the form. You can see that we have them side-by-side, but the very cool thing about forms Is that if you re-size them to a mobile size, they go on top of each other like they…

Contents