From the course: Bootstrap 4 Essential Training

Unlock the full course today

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

Multiple column classes

Multiple column classes - Bootstrap Tutorial

From the course: Bootstrap 4 Essential Training

Start my 1-month free trial

Multiple column classes

“

- [Instructor] As you work on more complex projects, you may want to modify the layout depending on the width of the screen or the device. Now Bootstrap lets you add multiple classes to rows and columns to control how the grid works in interesting ways. Let's take a look at how that works. You have three ways that you can control the layout in Bootstrap. First is the container class, which has some responsive options. So you can specify that the container do different things at different sizes. You can also do this with the row cols option that you can add to the row class, so you can specify that a layout works differently at different break points and shows up different number of items underneath each of the columns. You can also do that individually in each of the columns by specifying a break point and then how much of the grid spacing you want to take up in your project. So let's see how this works. Here we have…

Contents