1

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

.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 中？

4

0 回答 0