隐藏在SM引导3

Question

我试图创建一个简单的工具条，这将在小型设备上被隐藏..

但不能使它工作.. #sidebar隐藏或上#main的padding-left是设置为0

<div id="sidebar" class="hidden-sm">sidebar</div> 
<div id="main">test</div> 

@media (max-width:767px) { 
    #main { 
     padding-left:0; 
    } 
} 

#sidebar { 
    width:200px; 
    float:left; 
    background:red; 
} 

#main { 
    padding-left:200px; 
} 

Answer 1

提供我解释你要正确地说什么，当侧边栏是隐藏的，你想主要的div转到屏幕的最左边的边缘？

简单地摆脱那个div的填充样式就会发生。

BOOTPLY

HTML：

<div id="sidebar" class="hidden-sm">sidebar</div> 
<div id="main">test</div> 

CSS：

#sidebar { 
    width:200px; 
    float:left; 
    background:red; 
}