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.

Offsetting columns

Offsetting columns - Bootstrap Tutorial

From the course: Bootstrap 3 Essential Training

Start my 1-month free trial

Offsetting columns

- In Bootstrap you can ask certain columns to move over by a certain number of column widths. That's called offsetting, so let's take a look at how it works. Something's troubling me about this layout. The problem is when we reach the mobile device size right here, you can see that some of these line widths are way too big and I would like to have this section take up less space. We can do that by adding offsets to our existing columns. So the way I will tackle that is, I'm going to grab all of these columns here, so col-sm-6, and I'm going to grab all of them, and then at the very beginning I'm going to add an offset. I'm going to say col-xs, or at the extra small size, go ahead and offset this column by three units. So let's go ahead and save that, and now you can see that this has scooted over by three units. However, right now our column's taking up too much space so what I also need to do is make sure that I say at that size, so col-xs-6, so this means that at the extra small…

Contents