可以使用Jumbotron呈现需求非常显眼的重要信息。
像是这样,把需要呈现的内容放到div元素内,并且设置它的class为jumbotron:
<div class="jumbotron">
<div class="container">
<h1>title</h1>
<p>content</p>
<p><a href="#" class="btn btn-primary btn-lg">Run</a></p>
</div>
</div>
如果希望这些内容不是左右充满页面,而是流出空间并加上圆角的话,可以把jumbotron放到一个container内:
<div class="container">
<div class="jumbotron">
<h1>title</h1>
<p>content</p>
<p><a href="#" class="btn btn-primary btn-lg">Run</a></p>
</div>
</div>