2014-05-13 82 views
1

我遇到了響應式側邊欄的問題。我希望邊欄在調整窗口大小時不要改變其大小。當屏幕太小時它仍然應該崩潰。引導響應側欄調整大小問題

我試着設置最小寬度,但是這一切都變得更糟。這個jsfiddle是默認的側邊欄,沒有任何改變。

.affix-sidebar{ 
    padding-right:0; 
    font-size:small; 
    padding-left: 0; 
    min-width: Xpx; 
} 

http://jsfiddle.net/gn2TY

而且,在某些情況下,內容似乎並不正常調整,它得到了屏幕。

希望有人可以給我這個建議。

+0

你爲什麼使用最小寬度而不是寬度?嘗試設置'寬度:200px'和在響應式'寬度:自動' – Moak

+0

http://jsfiddle.net/gn2TY/1/沒有解決問題,除非我做錯了什麼。 – user3425765

回答

0

下面是一個側面的固定大小的導航基礎

.sidebar { 
    width: 190px; 
    float: left; 
    position: relative; 
    background-color: #F2F2F2; 
} 

.main-content { 
    margin-left: 190px; 
    margin-right: 0; 
    margin-top: 0; 
    min-height: 100%; 
    padding: 0; 
    background:red 
} 

與您的代碼的問題是,你正在使用您的導航和內容都在響應網格,你可能只是想內部使用的列主要內容包裝

http://jsfiddle.net/JL626/

+0

我不知道說實話,可以通過提供一個基於我的jsfiddle的示例來幫助我多一點? – user3425765