響應式屏幕，當我從全屏最小化時，我的右欄落到底部。我該如何解決？

我想我知道爲什麼只要我從全屏模式下釋放屏幕，我的右欄落到底部。我正在使用Bootstrap並在寬度方面發揮作用。目前我有響應式屏幕，當我從全屏最小化時，我的右欄落到底部。我該如何解決？

<div class="col-sm-2"> 
<div class="col-sm-7"> 
<div class="col-sm-3">

和CSS：

.col-sm-2 { 
    width:180px; 
    padding:13px 22px; 
} 

.col-sm-7 { 
    background-color: #FFFFFF; 

    width:970px; 
    padding:13px 22px; 
}

我希望我的col-sm-3仍然停留，即使我不是在我的桌面全屏。另外在移動版本中，如果有可能我只想在中間顯示col-sm-7。其他人要在底部或放在保管箱中。有人可以幫幫我嗎？

2016-02-15 winixxee

如果您使用引導程序，爲什麼給定固定寬度和填充，這也是像素？ –

@SatejS我仍然想修改它們，引導寬度沒有達到我想要的。我將代碼放在引導程序的頂部 – winixxee

如果您使用引導程序，則不要使用像素寬度。當屏幕被最小化時，右列將被其他列推動到底。正如你所提到的僅用於小型設備的寬度col-sm（FYI對於大中型設備也是如此）。你也必須添加一個col-xs類。而且我發現已經得到了更好的回答，你需要一些時間並且熟悉bootstrap文檔，do和dont。 –

我想你應該定義（或重定義）額外的小型設備太寬..

<div class="col-sm-2 col-xs-2"> 
<div class="col-sm-7 col-xs-7"> 
<div class="col-sm-3 col-xs-3">

和COL-XS-？提供相關的寬度..

2016-02-15 07:24:09 scaisEdge

不，這不起作用......除非我做錯了。我添加了像你提供的col-xs東西 – winixxee

什麼意思不起作用..你得到一個錯誤。？ ..你沒有得到你需要的結果..？ ..你有沒有爲col-xs-2，col-xs-7，col-xs-3的寬度設置適當的值。類似於你爲col-sm-2，-7，-3做了什麼？ – scaisEdge

我剛剛在我已經擁有的旁邊添加了xs，它沒有任何影響。當我全屏取消時，右側欄仍然在 – winixxee

回答