Columns
This is the columns in JKCSS.
According to this all columns in one row the row identify by .line class
In order to the columns identify by .rec class
In this Framework there are 12 columns, they are identify like following
- columns 1 .rec-1
- columns 2 .rec-2
- columns 3 .rec-3
- columns 4 .rec-4
- columns 5 .rec-5
- columns 6 .rec-6
- columns 7 .rec-7
- columns 8 .rec-8
- columns 9 .rec-9
- columns 10 .rec-10
- columns 11 .rec-11
- columns 12 .rec-12
rec-1
rec-1
rec-1
rec-1
rec-1
rec-1
rec-1
rec-1
rec-1
rec-1
rec-1
rec-1
rec-2
rec-2
rec-2
rec-2
rec-2
rec-2
rec-3
rec-3
rec-3
rec-3
rec-4
rec-4
rec-4
rec-6
rec-6
rec-5
rec-7
rec-8
rec-9
rec-10
rec-11
Example
<div class="line">
<div class="rec-1">
Example
</div>
</div>
<div class="rec-1">
Example
</div>
</div>
You can change the .rec-1 according to your need
IMPORTANT: According to the inside of the .line class sum of columns must be 12. Otherview this not be working properly