Login Form
Home Layouts Grid-based Layouts

Predefined grid sizes

class="container"
class="w75"
class="w70"
class="w65"
class="w60"
class="w55"
class="w50"
class="w45"
class="w40"
class="w35"
class="w30"
class="w25"
class="w20"
class="w15"
class="w10"
class="w5"

Creating grid-based tableless layouts

Below is sample 2 columns and 3 columns table created without using <table> markup.

2 columns tableless tables

class="fl w10"
class="fr w70"
class="fl w20"
class="fr w60"
class="fl w30"
class="fr w50"
class="fl w40"
class="fr w40"
class="fl w50"
class="fr w30"
class="fl w60"
class="fr w20"
class="fl w70"
class="fr w10"

3 columns tableless tables

class="fl w10"
class="fl w10"
class="fr w60"
class="fl w10"
class="fl w20"
class="fr w50"
class="fl w15"
class="fl w35"
class="fr w30"
class="fl w20"
class="fl w30"
class="fr w30"
class="fl w25"
class="fl w30"
class="fr w25"
class="fl w40"
class="fl w15"
class="fr w25"