從 Bootstrap優(yōu)站精選 學(xué)習(xí)得出總結(jié)：http://expo./

http:/// //這只是其中一個(gè)優(yōu)站案例,，按F12查看其源碼，我總結(jié)出如下：

開發(fā)該網(wǎng)站的作者是怎樣寫代碼,，和布局的,？？,？

1.先是用語義標(biāo)簽,，如：<header> <section> <main> <footer> //這些都是html5新標(biāo)簽。將網(wǎng)頁劃分開N個(gè)區(qū)域,，

2.然后再在這些語義標(biāo)簽里面加<div class="container"> 和 <div class="row"> <div class="col-sm-7">樣式,，即將上面已經(jīng)劃分好的N個(gè)區(qū)域，再作進(jìn)一步劃分,。

還有的就是,，在同一行里面，col-xs-pull-8 意思是向左移動8個(gè)柵格,，col-xs-push-4 意思是向右移動4個(gè)柵格,，兩個(gè)元素是不會換行的，即兩個(gè)元素有機(jī)會重疊,。

而 col-xs-offset-* 意思是向左 或 向右移動 * 個(gè)柵格,。這個(gè)是會換行的，元素之間是不會重疊的,，區(qū)別就在這里了,。

我是新手，哈哈~,，就記錄到這里了,。。,。如果是html4以前的版本,，全部都是<div> 加 class樣式，現(xiàn)在有了html5,。網(wǎng)頁源代碼可讀性就高了許多,。。,。

下面上傳一張布局圖：先布局,，后填充內(nèi)容。