twitter/bootstrap — Issue #2197: span6 nested deep within a row-fluid revert to fixed definitions.
Author: titaniumbones
Created: 2012-02-23 12:39:05+00:00
State: open

I'm not sure whether this is really a bug or a misunderstanding on my part. I have a page with fluid markup (container-fluid, row-fluid). I have everything set up to my satisfaction on all pages except for one with a carousel, where content needs to be nested several divs down a .carousel & a .carousel-inner. When I try to create a .span6, bootstrap reverts to a fixed-width definition, which leads to unexpected formatting errors. I've managed to fix this with an ad-hoc css descendant rule for .carousel, but I bet there's a better way to do things. Even adding row-fluid classes to the descendant divs doesn't seem to work properly, as I seem to lose a couple of percentage points and the .span6's end up stacked on top of each other. You can see the code at work here:
http://sandbox.hackinghistory.ca/boulderzcomp/index.html

just strike out the style.css rules in firebug and you'll see the reversion on index.html only (the other pages are fine).

I can tyr to put together a minimal test case if that make it easier to see what's going on -- I know the html is ugly on this page, I can't seem to find a python package tht will generate clean, pretty html.