ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
## 巨幕 这是一个轻量、灵活的组件,它能延伸至整个浏览器视口来展示网站上的关键内容。如果一个网站需要在任何地方展示它的关键内容都可以使用这个类 .jumbotron,它的用法如下: ```html <div class="jumbotron" > <h1>大标题</h1> <p>标题简介</p> <p><a class="btn btn-primary btn-lg" href="#" role="button">标题详情链接</a></p> </div> ``` 默认样式如下: ![](https://img.kancloud.cn/31/f6/31f6f1359a6ef18cde4ec2157b9da648_1132x378.png) 注意: **1.** 如果需要改变默认样式,只需给这个类.jumbotron添加属性就可以的到你想要的样式了。 **2.** 如果需要让巨幕组件的宽度与浏览器宽度一致并且没有圆角,请把此组件放在所有`.container`元素的外面,并在组件内部添加一个`.container`元素。 ```html <div class="jumbotron"> <div class="container"> <h1>大标题</h1> <p>标题简介</p> <p><a class="btn btn-primary btn-lg" href="#" role="button">标题详情链接</a></p> </div> </div> ``` ![](https://img.kancloud.cn/f2/4e/f24e8be0ba4e612ae985867a79d944e4_1132x378.png)