From the course: Bootstrap 4 Layouts: Responsive Single-Page Design

Unlock the full course today

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

Creating a grid of photos

Creating a grid of photos - Bootstrap Tutorial

From the course: Bootstrap 4 Layouts: Responsive Single-Page Design

Start my 1-month free trial

Creating a grid of photos

“

- [Facilitator] All right, so let's do another layout. You should be getting the hang of it by now. This one is called photogrid, and it's useful for when you have a series of photos. You want them to appear on the page, you want to control them with your columns, and that you want them to sort of be the entire width of the browser. So, we're gonna accomplish all that. All we're starting with is this article with a page ID photogrid, then this section that has a bunch of images. This is a good illustration of a layout that doesn't really need a header. So, you just have a bunch of photos, you want to sort of create a grid of them. It doesn't really need any explanation. It's just sort of a series of photos. So, to do that, you don't really need this header, and we are going to add some classes to each individual image. So, what I'll do is I'll start by creating a class called page-section, just like I have for all the other layouts, and then this particular section is going to have a…

Contents