Responsive Gridsystem - Aldous Information Services BV

We included an easy to use Grid System in this template for you using our Shortcode System so it's very easy for you to use Columns everywhere in Content or in modules.

{panel-white} {list | type3} {listing}{icon | fa-caret-right}Works in every Wysiwig Editor using our shortcodes, so no loses of div or span classes{/listing} {listing}{icon | fa-caret-right}Hundreds of variations are possible, made columns where ever you want and how often you like{/listing} {listing}{icon | fa-caret-right}Columns works everywhere cause they are based on percentages values{/listing} {/list} {/panel}

{icon | fa-flask templatecolor}Demo

{row} {col2}{panel-white}2{/panel}{/col} {col2}{panel-white}2{/panel}{/col} {col2}{panel-white}2{/panel}{/col} {col2}{panel-white}2{/panel}{/col} {col2}{panel-white}2{/panel}{/col} {col2}{panel-white}2{/panel}{/col} {/row} {row} {col3}{panel-white}3{/panel}{/col} {col3}{panel-white}3{/panel}{/col} {col3}{panel-white}3{/panel}{/col} {col3}{panel-white}3{/panel}{/col} {/row} {row} {col4}{panel-white}4{/panel}{/col} {col4}{panel-white}4{/panel}{/col} {col4}{panel-white}4{/panel}{/col} {/row} {row} {col6}{panel-white}6{/panel}{/col} {col6}{panel-white}6{/panel}{/col} {/row} {row} {col12}{panel-white}12{/panel}{/col} {/row}

{icon | fa-th-large black} 3 Columns Layout

{row} {col4}

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

{/col} {col4}

{/col} {/row}

{icon | fa-th-large black} 2 Columns Layout

{row} {col6}

{/col} {col6}

{/col} {/row}

{icon | fa-th-large black} 4 Columns Layout

{row} {col3}

{/col} {col3}

{/col} {/row}

{icon | fa-question-circle templatecolor}How to use

You can use this Shortcodes everywhere in your content, click here to find out more.

{row} {col6}

{row}
     {col4}Your Content goes here.{/col}
     {col4}Your Content goes here.{/col}
     {col4}Your Content goes here.{/col}
{/row}

{row}
     {col6}Your Content goes here.{/col}
     {col6}Your Content goes here.{/col}
{/row}

{/col} {col6}

{row}
     {col2}Your Content goes here.{/col}
     {col2}Your Content goes here.{/col}
     {col2}Your Content goes here.{/col}
     {col2}Your Content goes here.{/col}
     {col2}Your Content goes here.{/col}
     {col2}Your Content goes here.{/col}
{/row}

{/col} {/row}

Attention: made columns like you want, but remember that the end value of your columns always should be fit to twelve!

{toggle | Familiar with Basic HTML?}

Two columns Grid System

<div class="row-fluid">
  <div class="span6">Content here</div>
  <div class="span6">Content here</div>
</div>

Three columns Grid System

<div class="row-fluid">
  <div class="span4">Content here</div>
  <div class="span4">Content here</div>
  <div class="span4">Content here</div>
</div>

Four columns Grid System

<div class="row-fluid">
  <div class="span3">Content here</div>
  <div class="span3">Content here</div>
  <div class="span3">Content here</div>
  <div class="span3">Content here</div>
</div>

This Grid System could be nested as many times as you wish,
it always fits and is always responsive

{/toggle}

ABOUTAldous

SERVICESAldous

CLIENTSAldous

{icon | fa-flask templatecolor}Demo

{icon | fa-question-circle templatecolor}How to use