Omega is one of the most popular Drupal Bootstrap Responsive Theme. The most popular free and open-source HTML / CSS framework used to build responsive website. Omega theme is made up of rows set inside a container. Each row is made up of columns whose width always follow the structure of a 12 grids responsive layout, very good for mobile.
The total size of grids in each row is 12 spans, for example you can have 3 columns of span 4 each so that the 12 layout grid system has got always a number of columns having a width that follow dynamically the size of the device or browser. It includes a predefined set of CSS classes for building flexible responsive layouts.
The following example shows a row made up of 12 columns having a size of span 1:
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
.col-md-1
The following example shows a row made up of 2 columns having a size of span 8 and 4:
The following example shows a row made up of 3 columns having a size of span 4:
.col-md-4
.col-md-4
.col-md-4
The following example shows a row made up of 2 columns having a size of span 6:
