From the course: Bootstrap 3 Essential Training
Unlock the full course today
Join today to access over 22,400 courses taught by industry experts or purchase this course individually.
Adding media styles - Bootstrap Tutorial
From the course: Bootstrap 3 Essential Training
Adding media styles
- Bootstrap has some other classes that are related to how images work next to content. And they look great in layouts where you don't need to use columns. So, let's take a look at how they work. Now, for this exercise I have a pretty simple layout. I've got some navigation here at the top and then some photos with some content and I'm going to use these media classes to make those look really good. So you can see right here, in my html, that after the navigation I have a div with a content container then a single row and that row has a single column that takes up all of the units in our 12-column grid. I'm going to start by placing this item right here and putting it inside a div with a class="media". Now that's not going to do anything until we use a couple of other classes. So I'm going to indent this and for the thing that's going to become sort of my media element, in this case it's going to be our image, I'm going to add a class="media" and then left to a div here and then place…
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.