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

Adding media styles - Bootstrap Tutorial

From the course: Bootstrap 3 Essential Training

Start my 1-month free trial

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…

Contents