atitit。html css框架Bootstrap Foundation的比較與不一樣 attilax大總結

atitit。html css框架Bootstrap  Foundation的比較與不一樣 attilax大總結

 

1. Bootstrap  Foundation的比較與不一樣1

2. Bootstrap 教程2

2.1. Bootstrap 簡介2

2.2. Bootstrap CSS2

2.3. Bootstrap 佈局組件2

2.4. Bootstrap 插件3

2.5. Bootstrap 其餘3

3. Bootstrap 的attilax總結3

4. 參考3

 

1. Bootstrap  Foundation的比較與不一樣

陳本峯：目前功能類似的能解決同類需求的主要是國外的開源框架，如Bootstrap、Foundation、Semantic UI。

Bootstrap是由Twitter在2011年8月推出的開源WEB前端框架，集合CSS和HTML，使用了最新的瀏覽器技術，爲快速WEB開發提供了一套前端工具包，包括佈局、網格、表格、按鈕、表單、導航、提示，其核心就是基於Less框架構建的CSS。Bootstrap框架擁有美觀的樣式和封裝完善的JQ插件，使用方便，基於Bootstrap的擴展也不少，這是其餘框架所沒法比擬的，也是其最受歡迎的條件之一。

 

做者:: 老哇的爪子 Attilax 艾龍，  EMAIL:1466519819@qq.com

轉載請註明來源： http://www.cnblogs.com/attilax/

 

Foundation宣稱是世界最好的響應式前端框架，默認支持5種網格佈局，是三款框架中最複雜也是最靈活的。Bootstrap默認支持四種網格佈局，Pure默認支持一種。

Semantic UI是語義化設計的前端框架，開發更加直觀，UI組建可實時調試輸出，其最大的特色是充分利用CSS3動畫特效，簡潔實用漂亮的樣式。

以上各類產品咱們也用過，當時咱們發現全球有將近6%的網站是基於Bootstrap作的

 

放棄Bootstrap&Foundation,迎接Semantic UI?-

Metro UI是一套用來建立相似於Windows 8 Metro UI風格網站的樣式,包含了一整套的前端組件和基礎樣式,有點相似Bootstrap框架的功能,可是風格不同,w3cplus有漢化的...

 

 

 

2. Bootstrap 教程

2.1. Bootstrap 簡介

Bootstrap 教程Bootstrap 簡介Bootstrap 環境安裝Bootstrap 可視化佈局Less 教程

2.2. Bootstrap CSS

Bootstrap CSS 概覽Bootstrap 網格系統Bootstrap 排版Bootstrap 代碼Bootstrap 表格Bootstrap 表單Bootstrap 按鈕Bootstrap 圖片Bootstrap 輔助類Bootstrap 響應式實用工具

2.3. Bootstrap 佈局組件

Bootstrap 字體圖標Bootstrap 下拉菜單Bootstrap 按鈕組Bootstrap 按鈕下拉菜單Bootstrap 輸入框組Bootstrap 導航元素Bootstrap 導航欄Bootstrap 麪包屑導航Bootstrap 分頁Bootstrap 標籤Bootstrap 徽章Bootstrap 超大屏幕Bootstrap 頁面標題Bootstrap 縮略圖Bootstrap 警告Bootstrap 進度條Bootstrap 多媒體對象Bootstrap 列表組Bootstrap 面板Bootstrap Wells

2.4. Bootstrap 插件

Bootstrap 插件概覽Bootstrap 過渡效果Bootstrap 模態框Bootstrap 下拉菜單Bootstrap 滾動監聽Bootstrap 標籤頁Bootstrap 工具提示Bootstrap 彈出框Bootstrap 警告框Bootstrap 按鈕Bootstrap 摺疊Bootstrap 輪播Bootstrap 附加導航

2.5. Bootstrap 其餘

Bootstrap UI 編輯器Bootstrap v2 教程Bootstrap HTML編碼規範Bootstrap CSS編碼規範

3. Bootstrap 的attilax總結

自動給selecrt，輸入框加了樣式。按鈕須要手動增長

 

4. 參考

放棄Bootstrap&Foundation,迎接Semantic UI?-