如何在Twitter Bootstrap中删除Google Adsense 320x50移动广告中的边填充？

Question

当使用Twitter Bootstrap并尝试实施320 x 50移动横幅广告时，我遇到了一个问题，在移动设备上，横幅在左侧有填充（也可能是右侧）。

Answer 1

Bootstrap会自动在您的身体周围创建一个20px的衬垫。要删除此功能，就像在移动导航栏中所做的那样，在引导响应文件中实现一个新类：

@media (max-width: 767px) {
body {        // The code that creates a padding around the body in mobile
    padding-right: 20px;
    padding-left: 20px;
}
.google-adsense,   // Create a new class for your ad with -20 margins (The navbar
                   // is already implemented like this so just add new class name)
.navbar-fixed-top,
.navbar-fixed-bottom {
    margin-right: -20px;
    margin-left: -20px;
}