返回介绍

Jumbotron

发布于 2025-02-25 22:08:39 字数 766 浏览 0 评论 0 收藏 0

可以使用 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>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文