- This topic is empty.
July 15, 2013 at 10:53 am #46428
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:
My question is, why instead of using two span4 of span6 should we be content to fill 100% of the container?July 15, 2013 at 10:56 am #142962
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?July 15, 2013 at 11:45 am #142970
>anything inside the .span[1-12] must ALWAYS add up to 12
I would say must add to **no more** than 12 (including offsets).July 15, 2013 at 2:52 pm #142992
I am part of the text book bootstrap where the problem would be
I put two photos:
Why is this my problem is that my code instead of Span6 Span4 is not used.?
thank youJuly 15, 2013 at 3:21 pm #142994
>Why is this my problem is that my code instead of Span6 Span4 is not used.?
We don’t understand your question.July 15, 2013 at 3:54 pm #142997NghiQuachParticipant
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.July 16, 2013 at 1:26 pm #143159
Thank you to all the friends my problem was resolved
- The forum ‘Other’ is closed to new topics and replies.