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