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.

Creating columns

Creating columns - Bootstrap Tutorial

From the course: Bootstrap 3 Essential Training

Start my 1-month free trial

Creating columns

- So columns are the foundation of almost any Bootstrap layout. They're going to take your design and divide it into vertical groups, that way you don't have to design your own responsive grid. You're going to just use whatever Bootstrap gives you. Now when you do create a column, you're also going to create a gutter, and the gutters by default are going to be 30 pixels wide. That means that you're going to have 15 pixels on each side of the column. So what you do to create a column is you take an element and you add a class to that element inside a row, and they should follow this format. It should say col-, and then a size, which is two letters, we'll talk about them in a minute, and then another dash, and then the number of columns that you want this layout to span, or this element that you're creating. So the size means when the column will convert into whatever you specified in the span into a single column layout. In other words, it's going to stack into a single column layout…

Contents