Bootstrap Jumbotron

可以使用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>
    原文作者:1000copy
    原文地址: https://segmentfault.com/a/1190000006832865
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞