twitter/bootstrap — Issue #2180: Nested fluid columns of equal width in a parent container break for IE7
Author: grayghostvisuals
Created: 2012-02-22 19:56:06+00:00
State: open

Preface: Still a noob to bootstrap

I noticed with IE7 for Windows 7 the following nested columns markup shown below breaks for IE7. Of course if I take out the container-fluid div the columns span across perfectly so I assume they can't be placed within an element with a class of .container-fluid?

<div role="main" class="container-fluid">
<div class="row-fluid">
<div class="span12">

<div class="row-fluid">
<div class="span7"><p>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.</p></div>
<div class="span5"><p>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.</p></div>
</div>
<!-- /end .row-fluid child columns -->

</div>
<!-- /end .span12 parent container -->
</div>
<!-- /end .row-fluid container -->
</div>
<!-- /end .container-fluid -->