Subscriber only lesson.
Sign up to this course to view this lesson.
About this lesson
Download this lesson’s related exercise files.Building a Resume Website - Page Grid System.docx
199.7 KB Building a Resume Website - Page Grid System - Solution.docx
Building a Resume Website - Page Grid System
In this video we'll add grid columns to our panels.
When to use
Anytime you want to add columns with Bootstrap, use the grid system.
In our resume, we want two columns in our main panel section. One column sized 8 for our past job experience, and one column - size 4 - for the date.
We also want to align the date column to the right of the panel.
<div class="col-md-8">Job Experience Info</div>
<div class="col-md-4" align="right">Date</div>
Hints & tips
- To create columns in our panel, just use the grid system.
- Don't forget our columns should add up to 12.
- You can align columns with the Align attribute.
Lesson notes are only available for subscribers.