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 - 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…
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.