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.
Creating columns - Bootstrap Tutorial
From the course: Bootstrap 3 Essential Training
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…
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.
Contents
-
-
-
-
Understanding Bootstrap containers6m 29s
-
(Locked)
Working with rows3m 13s
-
(Locked)
Creating columns10m 3s
-
(Locked)
Using multiple column classes3m 46s
-
(Locked)
Resetting columns3m 55s
-
(Locked)
Offsetting columns2m 52s
-
(Locked)
Nesting columns6m 9s
-
(Locked)
Customizing column order with push and pull3m 31s
-
-
-
-
-
-
-
-
-