歡迎來到合肥浪訊網(wǎng)絡(luò)科技有限公司官網(wǎng)
  咨詢服務(wù)熱線:400-099-8848

Bootstrap3.0學(xué)習(xí)第十五輪:頁面標(biāo)題、縮略圖等介紹

發(fā)布時間:2020-07-11 文章來源:本站  瀏覽次數(shù):2928

本文首要來講解以下內(nèi)容:1.大屏幕介紹;2.頁面標(biāo)題;3.縮略圖;4.警示框;5.Well;6.總結(jié)。

大屏幕介紹

輕量,靈敏的可選組件,擴(kuò)展整個視角,展示您站點上的關(guān)鍵內(nèi)容。要讓大屏幕介紹是屏幕寬度,請別把它包括在.container。

1

如果需要讓大屏幕介紹(jumbotron)占據(jù)悉數(shù)寬度并且去掉圓角,只需將其放到一切.container外面,并在其內(nèi)部增加一個.container。

2

這兩種作用差不多,但是還有是有差異的。

頁面標(biāo)題

簡單的h1款式,可以適當(dāng)?shù)胤殖隹臻g且分開頁面中的章節(jié)。像其它組件相同,它可以運(yùn)用h1的默許small元素(增加了一些額定的款式)。

3

縮略圖

用縮略圖組件擴(kuò)展Bootstrap的柵格體系,可以簡單地顯示柵格款式的圖畫,視頻,文本,等等。

默許案例

Boostrap的縮略圖的默許設(shè)計僅需最小的符號,就能展示帶鏈接的圖片。

4

上一條:重構(gòu)藝術(shù)規(guī)劃根底的視覺、...

下一條:戰(zhàn)略型畫冊規(guī)劃...