隱藏在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; 
}