ID：36072525
大?。?.42 MB
頁數(shù)：48頁
時(shí)間：2019-05-04
測試段落thisistest完畢.
4、Strap3saleopt@163.comCSS?Bootstrap使用到的某些HTML元素和CSS屬性需要將頁面設(shè)置為HTML5文檔類型。在你項(xiàng)目中的每個(gè)頁面都要參照下面的格式進(jìn)行設(shè)置。?Bootstrap是移動(dòng)設(shè)備優(yōu)先的。為了確保適當(dāng)?shù)睦L制和觸屏縮放，需要在
之中添加viewport元數(shù)據(jù)標(biāo)簽。BootStrap3saleopt@163.comCSS–柵格系統(tǒng)?Bootstrap柵格系統(tǒng)的工作原理：?“行（row）”必須包含在.container中，以便為其賦予排列（aligment）和內(nèi)補(bǔ)（padding）。?使用“行（row）”在水平方向創(chuàng)建一組“列（colu5、mn）”。?內(nèi)容應(yīng)放置于“列（column）”內(nèi)，只有“列（column）”可以作為行（row）”的直接子元素。?類似Predefinedgridclasseslike.rowand.col-xs-4這些預(yù)定義的柵格class可以用來快速創(chuàng)建柵格布局。?通過設(shè)置padding從而創(chuàng)建“列（column）”之間的間隔（gutter）。然后通過為第一和最后一樣設(shè)置負(fù)值的margin從而抵消掉padding的影響。?柵格系統(tǒng)中的列是通過指定1到12的值來表示其跨越的范圍。例如，三個(gè)等寬的列可以使用三個(gè).col-xs-4來創(chuàng)建。?柵格與全寬布局Gridsandfull-widthlay
6、outs?對(duì)于需要占據(jù)整個(gè)瀏覽器視口（viewport）的頁面，需要將內(nèi)容區(qū)域包裹在一個(gè)容器元素內(nèi)，并且賦予padding:015px;，為的是抵消掉為.row所設(shè)置的margin:0-15px;（如果不這樣的話，你的頁面會(huì)左右超出視口15px，頁面底部出現(xiàn)橫向滾動(dòng)條）。BootStrap3saleopt@163.comCSS–柵格系統(tǒng)–從堆疊到水平BootStrap3saleopt@163.comCSS–柵格系統(tǒng)–列偏移?使用.col-md-offset-*可以將列偏移到右側(cè)。這些class通過使用*選擇器將所有列增加了列的左側(cè)margin。BootStrap3saleopt
7、@163.comCSS–柵格系統(tǒng)–嵌套列?為了使用內(nèi)置的柵格將內(nèi)容嵌套，通過添加一個(gè)新的.row和一系列.col-md-*列到已經(jīng)存在的.col-md-*列內(nèi)即可實(shí)現(xiàn)。嵌套row所包含的列加起來應(yīng)該等于12。BootStrap3saleopt@163.comCSS–標(biāo)題?
此文檔下載收益歸作者所有
