将侧边栏分为两个部分（水平）

Question

使用Bootstrap 3.0，将我的网页sidebar划分为两个部分的正确方法是什么，比例为70/30？我目前正在尝试为这两个部分使用固定的bottom和top值，但我担心它无法在所有屏幕分辨率上工作。

注意：这两个部分仍然应该具有sidebar属性，即它们应该从窗口的顶部到底部伸展，滚动条用于两个部分中的每个部分的任何溢出内容。

修改

这是我所拥有的骨架：

<div class="col-sm-9 col-md-10 sidebar" >
    <asp:GridView ... />
</div>

目前占据整个窗口高度。我现在希望将其缩小到窗口高度的70％，并将另外<div>缩小到剩下的30％，它们都有滚动条用于任何溢出的内容。