Due to popular request, a second column layout has been added to our framework, using an additional CSS class "nogutter". This allows you to layout your site without any space between the containing elements.
In some cases columns have the same width, such as: two_quarter & one_half. The class names have been left in place simply for ease of use, if you prefer to use one method you can, but you can also mix names e.g.
class="one_quarter nogutter first"
class="one_quarter nogutter"
class="two_quarter nogutter"
Is the same as:
class="one_quarter nogutter first"
class="one_quarter nogutter"
class="one_half nogutter"
When using the framework remember that all first containing elements have a multiple class: class="COLUMNNAME nogutter first"
, the class "first" removes the left margin and clears the float e.g.
class="one_half nogutter first"
class="one_half nogutter"
The same goes for nested elements, the first container element in the main container has to have class="COLUMNNAME nogutter first"
e.g.
class="one_half nogutter first"
class="one_half nogutter first"
class="one_half nogutter"
class="one_half nogutter"
class="one_half nogutter"
class="one_third nogutter"
class="one_third nogutter"
class="one_third nogutter"
class="one_third nogutter"
class="two_third nogutter"
class="one_quarter nogutter"
class="one_quarter nogutter"
class="one_quarter nogutter"
class="one_quarter nogutter"
class="one_quarter nogutter"
class="one_quarter nogutter"
class="two_quarter nogutter"
class="one_quarter nogutter"
class="three_quarter nogutter"
class="one_quarter nogutter"
class="two_quarter nogutter"
class="one_quarter nogutter"
class="one_fifth nogutter"
class="one_fifth nogutter"
class="one_fifth nogutter"
class="one_fifth nogutter"
class="one_fifth nogutter"
class="one_fifth nogutter"
class="one_fifth nogutter"
class="one_fifth nogutter"
class="two_fifth nogutter"
class="one_fifth nogutter"
class="one_fifth nogutter"
class="three_fifth nogutter"
class="one_fifth nogutter"
class="four_fifth nogutter"
class="two_fifth nogutter"
class="three_fifth nogutter"
class="one_sixth nogutter"
class="one_sixth nogutter"
class="one_sixth nogutter"
class="one_sixth nogutter"
class="one_sixth nogutter"
class="one_sixth nogutter"
class="one_sixth nogutter"
class="one_sixth nogutter"
class="one_sixth nogutter"
class="one_sixth nogutter"
class="two_sixth nogutter"
class="one_sixth nogutter"
class="one_sixth nogutter"
class="one_sixth nogutter"
class="three_sixth nogutter"
class="one_sixth nogutter"
class="one_sixth nogutter"
class="four_sixth nogutter"
class="one_sixth nogutter"
class="five_sixth nogutter"
class="two_sixth nogutter"
class="one_sixth nogutter"
class="three_sixth nogutter"
Copyright © 2018 - 2024 All Rights Reserved - Domain Name
Template by OS Templates