Fluid Grid System in bootstrap

[post98]

i’m currently reading a book about Bootstrap, Publications O’REILLY

It seems nesting a fluid grid is a little different: Since we are using percentages, each row resets the column count to 12. For example, if you were inside a Span8, instead of two span4 elements to divide the content in half, you would use two span6 divs (see Fluid Grid System | 5 Figure 1-4).

This is the case for responsive content, as we want the content to fill 100% of the container:

http://cdpn.io/igjmf

My question is, why instead of using two span4 of span6 should we be content to fill 100% of the container?

[Paulie_D]

That Codepen will do nothing unless you provide CSS.

>My question is, why instead of using two span4 of span6 should we be content to fill 100% of the container?

I’m not sure what you are asking. Could you clarify?

[Paulie_D]

>anything inside the .span[1-12] must ALWAYS add up to 12

I would say must add to **no more** than 12 (including offsets).

[post98]

I am part of the text book bootstrap where the problem would be

I put two photos:

http://d.pictureupload.us/201670289051e443ae2cf71.png
http://d.pictureupload.us/212921233051e443ae38604.png

Why is this my problem is that my code instead of Span6 Span4 is not used.?

thank you

[Paulie_D]

>Why is this my problem is that my code instead of Span6 Span4 is not used.?

We don’t understand your question.

[NghiQuach]

I think hes talking about the 2nd picture where inside the fluid row theres another row (that isn’t fluid) then for the rules of a fixed row then it should equal the parents span.

However I would say if you have a fluid row and want to nest a row in it shouldn’t that be fluid as well? Either way if you put 6-6 or 4-4 in that piece of code its exactly the same because its taking into account that your nesting it in a fluid row, but you’ll find some spacing margin issues in that implementation.

I believe the correct way is to have the nested row be “row-fluid” as well and then have to total to a span of 12 ( so 6-6 ).

Hope I made this clear.

[post98]

Thank you to all the friends my problem was resolved

[Author]

Posts