的側邊欄模板

禁用響應我使用這個側邊欄與我的網頁（http://ironsummitmedia.github.io/startbootstrap-simple-sidebar/）的側邊欄模板

一些自定義CSS我希望它禁用響應，但我看不出如何做到這一點。

This是我的自定義CSS，也許我在監督一些東西？

這也可能是一些與此，但也許不是

#sidebar-wrapper { 
box-shadow: 0 5px 15px 1px rgba(0, 0, 0, 0.6), 0 0 50px 1px rgba(255, 255, 255, 0.5); 
z-index: 1000; 
position: absolute; 
right: 250px; 
width: 0; 
height: 100%; 
margin-right: 0%; 
overflow-y: auto; 
background: #000; 
-webkit-transition: all 0.5s ease; 
-moz-transition: all 0.5s ease; 
-o-transition: all 0.5s ease; 
transition: all 0.5s ease;

}

注：我知道它看起來可怕，掩蓋了文字，但我使用一個不同的HTML我的網頁。我只需要酒吧保持它的位置，而不是迴應！

謝謝！

來源

2015-05-31 Kotoriii

您必須刪除CSS底部的媒體查詢。

https://jsfiddle.net/Lare73s4/ @從行133開始直到文件結束。

如果你保存它，你會注意到你的側邊欄已經消失，很容易修復：回到你css的頂部，改變＃sidebar-wrapper塊的width屬性。

#sidebar-wrapper { 
    box-shadow: 0 5px 15px 1px rgba(0, 0, 0, 0.6), 0 0 50px 1px rgba(255, 255, 255, 0.5); 
    z-index: 1000; 
    position: absolute; 
    right: 250px; 
    width: 250px; /* I added 250px here, originally it's 0 */ 
    height: 100%; 
    margin-right: 0%; 
    overflow-y: auto; 
    background: #000; 
    -webkit-transition: all 0.5s ease; 
    -moz-transition: all 0.5s ease; 
    -o-transition: all 0.5s ease; 
    transition: all 0.5s ease; 
}

媒體查詢，我們刪除了@media(min-width:768px) {這意味着只要在窗口至少爲768px，將這些樣式的塊中聲明。在那裏#sidebar-wrapper選擇具有width聲明：

@media(min-width:768px) { 
    #wrapper { 
     padding-left: 250px; 
    } 

    #wrapper.toggled { 
     padding-left: 0; 
    } 

    #sidebar-wrapper { 
     width: 250px; /* here!!! */ 
    } 
...

所以，既然我們刪除了，不再有對樣式進行設置額外的要求。

這裏是工作代碼：https://jsfiddle.net/1tbdn8oo/

來源

2015-05-31 00:19:06 Sgnl

令人驚歎！非常感謝！我確實刪除了媒體部分，但正如你所說，酒吧消失了，我只是錯過了！非常感謝！但是，有沒有辦法讓酒吧固定在哪裏？如果我開始縮小瀏覽器，酒吧會左右移動。有沒有辦法讓它靜止在哪裏？ – Kotoriii

你將不得不刪除任何相對值，如果你使用任何'％'值而不是像素，將它改爲像素：] – Sgnl

謝謝你，你幫了我太多了!!!!!!祝福你（： – Kotoriii

的側邊欄模板

回答

相關問題