为什么我的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>