CSS FrameworkS

現代化行動網頁設計基礎入門班 DAY 6

講師：張凱迪（KD.Chang）

提醒您鍵盤左右鍵可以移動投影片

Sorry, PPT is not suitable for Hackers : (

Outline

CSS Framework 簡介

Twitter Bootstrap 實戰

關於 CSS Framework 那些小事

將常用的CSS整理歸納好(元件、排版布局)，並在需要時直接載入所需要的設定，透過這個方法可以大幅提昇工作效率及節省在相似或相同設定上所花費的時間，讓開發者可以專注在應用開發上

常見有Twitter Bootstrap、Foundation、Gumby Framework

目前有4種Grids，為不同裝置而設：

.col-xs-*：智慧型手機 ( <768px )

.col-sm-*：平板 ( ≥768px )

.col-md-*：桌上型電腦 ( ≥992px )

.col-lg-*：桌上型電腦 ( ≥1200px )

使用Twitter Bootstrap做出可跨瀏覽器瀏覽的Mobile Web