如何告诉bootstrap保持正确的列？

Question

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

<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，列将根据屏幕大小调整大小，而不是更改它们在屏幕上的位置。