## 巨幕
這是一個(gè)輕量、靈活的組件，它能延伸至整個(gè)瀏覽器視口來(lái)展示網(wǎng)站上的關(guān)鍵內(nèi)容。如果一個(gè)網(wǎng)站需要在任何地方展示它的關(guān)鍵內(nèi)容都可以使用這個(gè)類(lèi) .jumbotron，它的用法如下：
```html
<div class="jumbotron" >
<h1>大標(biāo)題</h1>
<p>標(biāo)題簡(jiǎn)介</p>
<p><a class="btn btn-primary btn-lg" href="#" role="button">標(biāo)題詳情鏈接</a></p>
</div>
```
默認(rèn)樣式如下：
注意：
**1.** 如果需要改變默認(rèn)樣式，只需給這個(gè)類(lèi).jumbotron添加屬性就可以的到你想要的樣式了。
**2.** 如果需要讓巨幕組件的寬度與瀏覽器寬度一致并且沒(méi)有圓角，請(qǐng)把此組件放在所有`.container`元素的外面，并在組件內(nèi)部添加一個(gè)`.container`元素。
```html
<div class="jumbotron">
<div class="container">
<h1>大標(biāo)題</h1>
<p>標(biāo)題簡(jiǎn)介</p>
<p><a class="btn btn-primary btn-lg" href="#" role="button">標(biāo)題詳情鏈接</a></p>
</div>
</div>
```
- 第一章 . bootstrap介紹
- 第二章 . 全局CSS樣式
- 1、總體注意事項(xiàng)
- 2、柵格系統(tǒng)
- 3、排版
- 4、代碼
- 5、表格
- 6、表單
- 7、 按鈕
- 8、 圖片
- 9、輔助類(lèi)
- 10、響應(yīng)式工具
- 第三章 . bootstrap相關(guān)CSS應(yīng)用
- 1、CSS媒體查詢(xún) @media
- 2、px,em,rem之間的關(guān)系和換算方式
- 第四章 . 組件
- 1、Glyphicons 字體圖標(biāo)
- 2、下拉菜單
- 3、按鈕組
- 4、按鈕式下拉菜單
- 5、輸入框組
- 6、導(dǎo)航
- 7、導(dǎo)航條
- 8、路徑導(dǎo)航
- 9、分頁(yè)
- 10、標(biāo)簽
- 11、徽章
- 12、巨幕
- 13、頁(yè)頭
- 14、縮略圖
- 15、警告框
- 16、進(jìn)度條
- 17、媒體對(duì)象
- 18、列表組
- 19、面版
- 20、Well
- 第五章 . JavaScript 插件
- 1、JavaScript 插件引入前提
- 2、過(guò)渡效果 (transition.js)
- 3、模態(tài)框 （modal.js）
- 4、下拉菜單 （dropdown.js）
- 5、滾動(dòng)監(jiān)聽(tīng) （scrollspy.js）
- 6、可切換標(biāo)簽 （tab.js）
- 7、工具提示 （tooltip.js）
- 8、彈出框 （popover.js）
- 9、警告信息 （alert.js）
- 10、按鈕 （button.js）
- 11、折疊插件（collapse.js）
- 12、輪播插件（carousel.js）
- 13、Affix插件（affix.js）