I'm looking to eliminate the empty space above the 4th span and replace it with the next span. Edit: Without adding a new row.
Here's the fiddle: http://jsfiddle.net/Dzh5E/7/
<div class="main-app">
<div class="row-fluid">
<div class="span3 md-height"></div>
<div class="span3 md-height"></div>
<div class="span6 lg-height"></div>
<div class="span3 md-height"></div>
<div class="span3 md-height"></div>
<div class="span3 md-height"></div>
<div class="span3 md-height"></div>
</div>
</div>
.md-height {
height: 300px;
background: red;
}
.lg-height {
height: 600px;
background: blue;
}
.main-app {
margin-left: 13%;
margin-right: 13%;
}