mobile - 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;
}