From the course: Bootstrap 3 Essential Training
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Using the thumbnail style - Bootstrap Tutorial
From the course: Bootstrap 3 Essential Training
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…
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.