如何告诉 bootstrap 保留右栏？

Question

我有一个 col-lg-7 / col-lg-5 网格布局的书架网站：

<div class="jumbotron">
    ...
</div>
<div class="row" style="padding: 0 20px 0 0">
    <div class="col-lg-7">
        <div style="padding: 5px 0 0 30px">
            222
        </div>
    </div>
    <div class="col-lg-5">
        <div class="panel" style="border: none !important;margin: 0 0 0 0">
            ...
        </div>      
        <div class="panel panel-default">
            ....
        </div>
    </div>
</div>

浏览器全屏时看起来不错，col-lg-5 很好地显示在右侧作为右手栏，但一旦我将屏幕缩小到屏幕的 80% 左右, col-lg-5 列跳到 col-lg-7 列下。

如何告诉 bootstrap 无论屏幕有多宽，我都希望它保持 7/5 的比例，以便页面始终有一个右侧栏？

Answer 1

标记正确。将 col-lg 更改为 col-xs，列的大小将根据屏幕大小进行调整，而不是更改它们在屏幕上的位置。

如何告诉 bootstrap 保留右栏？

How to tell bootstrap to keep right column?

twitter-bootstrap