爲什麼我的Bootstrap Jumbotron失去了左側填充？

Question

Jubtotron的最小例子。左側和右側填充已消失。

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

它在文檔填充。 http://getbootstrap.com/components/#jumbotron

Answer 1

您的jumbotron需要位於具有「容器」類的元素中以應用填充。

<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>