How to Nest with Fluid Grids in Bootstrap 2


show more Nesting with fluid grids provides you with in-depth training on Web. Taught by Jen Kramer as part of the Up and Running with Bootstrap 2 show less
please wait ...

Nesting with fluid grids

On occasion, you may want to segment a portion of the grid that you're working with into smaller pieces. For example, here's the web page that we built so far in this particular chapter, and inside of the Content area, maybe we'd like to have two information boxes appear side by side, underneath the two articles that are present. Unfortunately, since that particular part of the web page has a span of nine, in other words nine columns, I can't make two evenly-sized boxes, because one will be four columns wide and one would be five columns wide.

However, there is another approach that we can take to this. We could nest another row inside of the row so that we would have 12 columns to work with and then divide those 12 columns into 2 pieces of 6 columns each. This is called a nested row inside of Bootstrap. So I'm going to go ahead and implement one of these now. If you go back into Dreamweaver and open up your HTML web page, and I'm going to scroll on down past that second ar...

Nesting with fluid grids
Video duration: 5m 57s 2h 38m Beginner

Viewers:

Nesting with fluid grids provides you with in-depth training on Web. Taught by Jen Kramer as part of the Up and Running with Bootstrap 2

Subject:
Web
Software:
Bootstrap
Author:
please wait ...