Twitter bootstrap 3 无法使用bootstrap 3媒体查询删除所有小屏幕上的div填充

我正在做一个模板。我使用bootstrap3。我在顶部导航菜单下方有一个div。我给了一个填充顶部：150px的div。这看起来很好的正常屏幕，但看起来奇怪的小屏幕

现在我的问题是如何使用引导媒体查询减少div顶部的填充。下面是我试过但没有成功的例子

#主页横幅内容{
边缘顶部：150px；
}
/*小屏幕*/
@介质（最大宽度：375px）{
#主页横幅内容
边际上限：0px；
}
}

你可以这样做

/* Small screen */
@media (max-width: 375px) {         
    #homepage-banner-content{
        margin-top:0px;
    }
}

---

您刚刚错过了一个花括号。请确保您在head标签中添加了metaviewport。

简单的输入错误，您在

#主页横幅内容

选择器之后错过了一个

{

。这是我们中最好的选择

#homepage-banner-content{
    margin-top:150px;
}

/* Small screen */

@media (max-width: 375px) {

    #homepage-banner-content { /* here */
        margin-top:0px;
    }
}