jquery - Bootstrap 3：带有响应列的固定列

Question

我正在使用 Bootstrap 3 为我的网站进行响应式布局设计。如何使用响应式右列获得左列的固定宽度？意思是，当桌面级别的大小改变时，只有右列会改变宽度。当然，当它变成手机屏幕视图时，左栏会在顶部，右栏会在底部。

我尝试将固定宽度应用于左列。但问题是，当桌面级别的屏幕尺寸发生变化时，右栏会向下移动到左栏的底部。

这是我的代码：

<div class="row">
    <div class="col-md-3" style="width=250px;" id="sidebar"></div>
    <div class="col-md-9"></div>
</div>

如何防止它向下移动并且仅在移动屏幕尺寸上向下移动？谢谢。

Answer 1

这应该可以解决问题：

<div class="row">
    <div class="col-xs-12 col-md-3">
    </div>
    <div class="col-xs-12 col-md-9">
    </div>
</div>