頁面的布局方式是頁面構成的主骨架，其重要性你們懂的～
拿到乙個psd，一般情況下你會：
看整體布局方式，是列式布局還是通欄式布局？ 列式布局是2列還是3列？ 通欄式布局一共有多少個通欄？每個通欄有多少列？
總的來說，看psd就要像看mm，先要知道她pp大還是mm大。。。
所以在切頁面前，先要寫頁面的主要布局的**，和建樓房先搭地基的道理是如出一轍滴。布局**確定後，再開始在布局上做「填空」遊戲。
布局對於設計師來說也很重要，當開發員和設計師都遵循統一的布局規範時，可以大大的降低兩者的溝通成本。同時保證頁面風格的統一性。
下面介紹的布局方案的示例**使用
gridsystemgenerator 參照
960gs框架自動生成。
css_grids示例
20列的組合(每列40px)，10畫素間隔，實際寬度990px
20列的組合(每列30px)，20畫素間隔，實際寬度980px
25列的組合(每列30px)，10畫素間隔，實際寬度990px
25列的組合(每列20px)，20畫素間隔，實際寬度980px
11列的組合(每列80px)，10畫素間隔，實際寬度980px
18列的組合(每列35px)，20畫素間隔，實際寬度970px
25列的組合(每列45px)，10畫素間隔，實際寬度980px
33列的組合(每列20px)，10畫素間隔，實際寬度980px
14列的組合(每列60px)，10畫素間隔，實際寬度970px
14列的組合(每列50px)，20畫素間隔，實際寬度960px
28列的組合(每列25px)，10畫素間隔，實際寬度970px
12列的組合(每列70px)，10畫素間隔，實際寬度950px
12列或16列的組合(每列60px或40px)，20畫素間隔，實際寬度940px
2 柵格布局
字進行頁面開發,最頭疼的問題在於 頁面寫完了,發現換個瀏覽器不支援了 顯示風格瞬間改變 如果要真想實現柵格,那麼就必須有乙個可以容納第乙個柵格的行,而多個柵格行最終就組成了乙個頁面.在整個bootstrap之中最多隻能夠存在有12個柵格 如果現在是乙個寬容器的視窗,那麼整個柵格都會按照寬螢幕的方式完...
Bootstrap柵格布局
bootstrap 提供了一套響應式 移動裝置優先的流式柵格系統，隨著螢幕或視口 viewport 尺寸的增加，系統會自動分為最多12列。它包含了易於使用的預定義類，還有強大的mixin 用於生成更具語義的布局。柵格系統用於通過一系列的行 row 與列 column 的組合來建立頁面布局，你的內容就...
柵格布局 6 10
柵格布局 有乙個可以容納第乙個柵格的行,而多個柵格行最終就組成了乙個頁面.在整個行之中最多隻能夠存在有12個柵格 例如將乙個寬700px 高300px的塊裡面設定2 5的布局 在html裡面先在大塊級裡面div class block 20 然後在css直接.block 20 這樣就可以設定所有的小...