Hybrid Composer columns
The columns are containers with different widths, responsive and based on the 12-grid system of Bootstrap. You can change the column width by clicking the top right icon .
The columns are the main containers of every content and are grouped into rows. You must add the correct number of column to reach the full width of a row, a row is full when the sum of inner columns reach 12 (100%). For example if you insert 3 columns of with 4 (33.3%) you fill one row: 4 + 4 + 4 = 12, this is another way to write: 33.3 % + 33.3 % + 33.3% = 100%.
The columns are responsive, and his width change for different screen sizes.
Phone (width < 768px): All the columns from 1 to 12 become column 12 (100% width).
Tablets (992px > width > 768px): Columns 6 - 3 - 9 become column 6 (50% width), columns 4 - 2 become column 4 (33.3%), column 8 become column 9 (66.6%), the other columns become column 12 (100%).