Fluid Grid

What is fluid grid? All span`s width and gutter are percentage.

Add class.row-fluidto<div>and placed into[class*="column"].

5 Columns

Add classcolumn5to<div>.

<div class="column5">
    <div class="row-fluid">
        <div class="span1"></div>
        <div class="span1"></div>
        <div class="span1"></div>
        <div class="span1"></div>
        <div class="span1"></div>
    </div>
</div>
1
4
2
3
5

7 Columns

Add classcolumn7to<div>.

1
6
2
5
3
4
7

12 Columns

Add classcolumn12to<div>.

1
11
2
10
3
9
4
8
5
7
6
6
12

16 Columns

Add classcolumn16to<div>.

1
15
2
14
3
13
4
12
5
11
6
10
7
9
8
8
16

24 Columns

Add classcolumn24to<div>.

1
23
2
22
3
21
4
20
5
19
6
18
7
17
8
16
9
15
10
14
11
13
12
12
24