SwissUpLabs Logo

Argento grid system

Argento utilize Bootstrap powered 12 columns grid system to organize cms content.

Typical grid markup with three equal width columns on all devices:

<div class="argento-grid">
    <div class="col-xs-4">
    <div class="col-xs-4">
    <div class="col-xs-4">

col-xs means that this rule will work on all screen dimensions. If you would like to specify separate rules for different devices, use couple of classes with appropriate suffix.

Column size prefix Description
-xs All screens rule
-sm Small screen / tablet
-md Medium screen / desktop
-lg Large screen / wide desktop

See more examples at official Bootstrap documentation.


Edit this Page