twitter-bootstrap - ブートストラップグリッドを壊す方法

Question

これに関する他のすべての質問と同様に、ブートストラップは私の広告ボタンを他の広告ボタンとリーダーボードの下の 2 行目に配置します。デスクトップ ビューの特定の幅の間でのみ発生します。だから私がやりたいことは、両側の広告ボタンを左右に作成し、ブートストラップグリッドから突き出して、サイドバーやウェブサイトの残りの部分とインラインにならないようにすることです. これはそれへのリンクです。

Answer 1

私があなたの質問を正しく理解していれば、緑色のナビゲーション バーの下の行をブートストラップ グリッドよりも広くしたいと考えています。

これは簡単です。幅が広くなる行の直前でブートストラップ コンテナを閉じ、この拡張された行の新しい div を作成して閉じてから、ページの残りの部分のために新しいブートストラップ コンテナを開く必要があります。したがって、基本的な構造は次のようになります。

<div class="container>
   <header> .... </header>
   <div class="navbar"> .... </div> <!-- close navbar -->
</div><!-- close container -->

<div class="wideRow"> .... </div> <!-- close wideRow -->

<div class="container>
<!-- remainder of page -->
</div> <!-- close container -->

ここで実際の例を参照してください

参考までに、一部の div が閉じていないか、正しくネストされていないという問題もある可能性があります。ページを検証すると、いくつかの div の問題が表示されます。ページのソース コードを見ると、コンテナ div @ 行 90 と 217 を開いていますが、正しく閉じていないようです。

とにかく、これがあなたを正しい方向に向けてくれることを願っています:)