1
1
1
1
1
1
1
1
1
1
1
1
          2
          2
          2
          2
          2
          2
          3
          3
          3
          3
          4
          4
          4
          4
          8
          6
          6
          12

          4
          4 offset 4
          3 offset 3
          3 offset 3
          8 offset 4

          With the static (non-fluid) grid system in Bootstrap, nesting is easy. To nest your content, just add a new .row and set of .span* columns within an existing .span* column.

          Level 1 of column
          Level 2
          Level 2

          1
          1
          1
          1
          1
          1
          1
          1
          1
          1
          1
          1
          2
          2
          2
          2
          2
          2
          3
          3
          3
          3
          4
          4
          4
          4
          8
          6
          6
          12

          Nesting with fluid grids is a bit different: the number of nested columns doesn't need to match the parent. Instead, your columns are reset at each level because each row takes up 100% of the parent column.

          Fluid 12
          Fluid 4
          Fluid 4
          Fluid 4