有哪些類似bootstrap的純css框架？

12-30

有哪些類似bootstrap的純css框架？

類似這樣的太多了。我來腦補幾個：

1、現在可以跟Bootstrap一拼的Foundation:Foundation | The Most Advanced Responsive Front-end Framework from ZURB

2、輕量級的Pure:Pure

3、Gumby:Gumby - A Flexible, Responsive CSS Framework

4、Material Design效果的Materialize：Documentation

5、Metro風格的MetroUI:Metro UI CSS : Simple responsive css framework

6、Skeleton:Skeleton: Responsive CSS Boilerplate

7、最近更新量多的Semantic UI:Semantic UI

8、Material Design效果的MUICSS：https://www.muicss.com/

其實還有蠻多的：CSS Front-end Frameworks with comparison 外面對比較多的是Bootstrap、Foundation和Skeleton:Responsive CSS Framework Comparison: Bootstrap, Foundation, Skeleton 而跟進Google的Material Design的要屬Materialize:http://materializecss.com/ 。響應式和網格功能強大的得屬Gumby:Gumby - A Flexible, Responsive CSS Framework 。

僅供參考。

CSS Front-end Frameworks with comparison

輕易可以搜索到的東西（google搜索 css framework 第一頁就有）不要提問。

我補充幾點好了= = @賀師俊賀老貼的link基本覆蓋全了。

使用這些框架要注意的其他幾點：

- Reset：定製 or 使用符合自己需求的Reset替換框架內的Reset模塊

- 中文type相關樣式：偷懶可以使用yue或者typo之類的開源庫，但是如果有特殊需求的話，還是要自己定製下的（對H12345/em/del這些木有特別修飾需求就算了）

- icon glyphs/font ：框架默認的能滿足默認組件就很不錯了...不管是節約請求，還是個性化，可以考慮加料

- 儘可能少的使用框架組件（如果你需求明確的話，使用組件越少，越利於之後的升級維護）

- layout： bootstrap雖然讓布局dom冗餘了，但是卻有一套簡單的工具，幫你生成你喜歡的柵格layout，所以不妨使用這類工具提供的布局（你也可以偷懶用它生成的套用在其他的框架中）

學小組童鞋的一句話『其實我也不懂，錯了別怪我，233』

補充一下，此外還有很多bootstrap theme，用著跟bootstrap差不多，不過豐富了一些組件，比如增強的表單控制項視頻控制項等。要是嫌bootstrap不夠漂亮又自己設計不出來的話可以套用那些主題，不過就是商業用途要交錢。。。

UIkit中文網

UIkit是YOOtheme團隊開發的一款輕量級、模塊化的前端框架,可快速構建強大的前端web界面。UIKit使用的變數基於LESS,具有體積小、模塊化、可輕鬆地自定義主題及響應式...

補充一個：Bulma: a modern CSS framework based on Flexbox

首先 bootstrap 不是純 css 的。DOM框架看這裡框架 - awesomes 純 CSS 框架看這裡 CSS框架 - awesomes

YaHoo的 http://purecss.io/