誰でも私のHTMLセクションがオーバーレイされている理由を教えてもらえますか？

Question

私は本当に私が知っているすべてのものを試してみたので、私は、私は、ブートストラップに基づいて、異なるセクションを含むHTML - Webページ（http://www.stollhoferfest.at/test.php）を構築していますここで誰かが^^今

私を助けることができると思います。私は最後の大きなセクション "dirndljumping"を追加するまで、すべてうまくいきました。どういうわけか、このセクションの空白の白い部分が前にセクション（ "kuppeltrophy"）をオーバーレイします。

"kuppeltrophy"の最後に誰もが添付されていない理由を教えてもらえますか？

Answer 1

、運の

ベスト私はあなたがあなたのページにTwitterのブートストラップを使用して見ることができるように。だから、うまくセクションをレンダリングするために、あなたは、ブートストラップrowにそれらのそれぞれをラップすると、ブートストラップcontainer-fluidに両方の行をラップする必要があります。

<div class="container-fluid"> 
    <div class="row"> 
    <section id="kuppeltrophy"... 
    </section> 
    </div> 
    <div class="row"> 
    <section id="dirndljumping"... 
    </section> 
    </div> 
</div> 

Answer 2

あなたのセクションでは、

#about { 
float:left; 
} 

Answer 3

うーんのように、各セクションのfloat:leftを設定する必要があり、あなたは、単にこの問題を解決することができ要素をブロックしていない、このホワイトスペースが小さくでなくなっているので、あなたは、あなたのメディアクエリをチェックしてサイズ？

また、私はあなたが1170x1306pxと上に250のパディングを占有している

<section id="about" class="container content-section text-center"> 

を持っていることがわかります。私はコンテナクラスや、これに転送され、パディングやディメンションを強化している何かのCSSがあると思います。

これが役立つ場合はお知らせください。これをまだ試していない場合は、ブラウザで「inspect」機能を使用してみてください。それはあなたが捉えていないかもしれないさまざまな分野で何が起こっているのかを見るのに役立ちます。

ジェイク