hidden-sm in bootstrap 3

Question

我试图创建一个隐藏在小型设备上的简单侧边栏。

但无法使其有效.. #sidebar要么已隐藏，要么padding-left上的#main设置为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;
}