修复了bootstrap中的列

Question

我想修改我的布局中的一列。不幸的是，当我修复它时，它不适合父div宽度。有没有办法实现这一点。

HTML：

<div class="row" style="margin-left: 100px;">
    <div class="col-sm-9">
    </div>
    <div class="col-sm-3">Content</div>
</div>

的CSS：

.col-sm-9 { background: red; color: white; }
.col-sm-3 { background: blue; color: white; position: fixed; right: 0; }

这是证明我的问题的jsfiddle：http://jsfiddle.net/F5VmF/2/。

Answer 1

你应该从你的.col-sm-3 div中删除你固定的位置，并在其中插入一个绝对位置的div。每当您滚动页面时，您将更改该div的顶部位置。 Here就是一个例子。这是code。