1、數(shù)據(jù)行(.row)必須包含在容器(.container)中,以便為其賦予合適的對齊方式和內(nèi)距(padding)。
如:<div class = "container"><div class = "row"></div></div>
2、在行(.row)中可以添加列(.column),但列數(shù)之和不能超過平分的總列數(shù),比如12。
如:<div class = "container"><div class = "row">
<div class = "col-md-4"><div>
<div class = "col-md-8"><div>
</div></div>
3、具體內(nèi)容應(yīng)當(dāng)放置在列容器(column)之內(nèi),而且只有列(column)才可以作為行容器(.row)的直接子元素
4、通過設(shè)置內(nèi)距(padding)從而創(chuàng)建列與列之間的間距。然后通過為第一列和最后一列設(shè)置負(fù)值的外距(margin)來抵消內(nèi)距(padding)的影響
注意:Bootstrap框架的網(wǎng)格系統(tǒng)還支持列的嵌套。你可以在一個(gè)列中添加一個(gè)或者多個(gè)行(row)容器,然后在這個(gè)行容器中插入列。但在列容器中的行容器(row),寬度為100%時(shí),就是當(dāng)前外部列的寬度。
也就是說:<div class = "col-md-4"><div class = "row"></div></div>的寫法是正確的。