css - twitter bootstrap流体因为float-left div而向下移动

Question

我正在尝试使用两列布局。第一列具有固定宽度，第二列具有固定宽度。这可以通过这种方式完成，并且可以与常规内容一起使用。

.left {
    width:200px;
    float:left;
    background-color:gray;
}
.right {
    background-color:red;
    margin-left:200px;
}

小提琴：http://jsfiddle.net/ergec/T7S3k/1/

问题

当我需要在右列上引导流体行时，会出现以下问题。不是第一个row-fluid，而是其余部分在左列下方向下移动。

小提琴：http://jsfiddle.net/ergec/fUwAr/

我可以通过包装另一个span12来修复它

小提琴：http://jsfiddle.net/ergec/KZ7vC/

但为什么我必须将它包装在另一个额外的span12中？