From the course: Bootstrap 3 Essential Training

Unlock the full course today

Join today to access over 22,500 courses taught by industry experts or purchase this course individually.

Using the thumbnail style

Using the thumbnail style - Bootstrap Tutorial

From the course: Bootstrap 3 Essential Training

Start my 1-month free trial

Using the thumbnail style

“

- Bootstrap provides a class for working with images that you can also use with captions for some really nice layouts. Now, the class is simply called "thumbnail" and you can use it to create a nice looking grid of images that works together with the Bootstrap grid. So, I'm starting out with just a few images on this simple layout, and then I have some text down here that I'm going to insert into each of those images once I get everything going. So, right now, in my code, you can see that I have my navigation, and then after that a little bit of this text that's up here, and that is already wrapped inside a row. So, the first thing I'm going to do is just add another row, and this row is just going to have everything in here. So I'm going to put the closing row div right down here and I'll just space that out a little better. Then, what I need to do is add a class of "thumbnail" to each one of these images, but they need to go in a container. I'm using Sublime Text, so I can hold down…

Contents