私のブートストラップジャンボトロンはなぜ左パディングを失ったのですか？

Question

Jubtotronの最小の例。左右のパッドが消えてしまった。

https://jsfiddle.net/3azmutot/1/

これは、ドキュメント内のパディングを持っています。 http://getbootstrap.com/components/#jumbotron

Answer 1

あなたのジャンボトーンは、パディングが適用されるには、クラス 'container'を持つ要素内にある必要があります。

<div class="container"> 
    <div class="jumbotron"> 
     <h1>Jumbotron</h1> 
     <p>Now is the time for all good men to come to the aid of the party.</p> 
    </div> 
</div> 

https://jsfiddle.net/3azmutot/2/

Answer 2

あなたはジャンボトロンは全幅になりたい場合は、このような内.containerを追加します。

<div class="jumbotron"> 
    <div class="container"> 
     <h1>Jumbotron</h1> 
     <p>Now is the time for all good men to come to the aid of the party.</p> 
    </div> 
</div>