的侧边栏模板

禁用响应我使用这个侧边栏与我的网页（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

的侧边栏模板

回答

相关问题