Grid system
Sangoma template is based on the default 12 columns Bootstrap grid system. The grid adapts to be 724px and 1170px wide depending on your viewport. Below 767px viewports, the columns become fluid and stack vertically.
Bootstrap Predefined HTML Classes
For a simple two column layout, create a .row and add the appropriate number of .span* columns. As this is a 12-column grid, each .span* spans a number of those 12 columns, and should always add up to 12 for each row (or the number of columns in the parent).
If you are not familiar with how grid system works, look up for official Bootstrap documentation.
<div class="row"> <div class="span4">...</div> <div class="span8">...</div> </div>
Grid system
1
1
1
1
1
1
1
1
1
1
1
1
3
3
3
3
4
4
4
4
8
6
6
12
4
4 coulmns with offset 4
3 coulmns with offset 3
3 coulmns with offset 6
8 coulmns with offset 4
Level 1 of column
Level 2
Level 2
1
1
1
1
1
1
1
1
1
1
1
1
3
3
3
3
4
4
4
4
8
6
6
12
4
4 coulmns with offset 4
3 coulmns with offset 3
3 coulmns with offset 6
8 coulmns with offset 4
Level 1 of column
Level 2
Level 2