Bootstrap 3：使用響應式列固定列

我使用Bootstrap 3爲我的網站做響應式佈局設計。如何使用響應右列的左列具有固定寬度？意思是，當桌面級別的大小發生變化時，只有右列會改變寬度。當然，當它變成移動屏幕視圖時，左欄將變爲上欄，右欄欄將變爲下欄。Bootstrap 3：使用響應式列固定列

我已經嘗試了將固定寬度應用到左列。但問題是，當桌面級別的屏幕大小發生變化時，右列將向下移動到左列的底部。

這裏是我的代碼：

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

我怎樣才能防止它向下移動，並且只在手機屏幕尺寸向下移動？謝謝。

來源

2013-10-19 user1995781

引導是基於[媒體查詢（http://www.w3.org/TR/css3-mediaqueries/）並且它們不區分移動設備和桌面瀏覽器。所以，如果你會找到解決方案 - 我不認爲這是對的。響應式網站的想法是，用戶可以在移動設備上使用您的網站，全屏幕瀏覽器或臺式電腦上的小型瀏覽器窗口。 – outcoldman

使用Bootstrap列時，絕對不應使用固定像素。讓用戶的設備根據屏幕的整個寬度來確定列的寬度。 –

這應該做的伎倆：

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

來源

2013-11-14 16:37:14

Bootstrap 3：使用響應式列固定列

回答

相關問題