前端常用的框架有哪些？ web前端常用的框架有哪些？
\u5e38\u7528\u7684\u524d\u7aef\u6846\u67b6\u6709\u54ea\u4e9b\uff1f1. Twitter BootStrap \uff08Apache v2.0\uff1b\u54cd\u5e94\u5f0f\uff09
\u65f6\u9ae6\u3001\u76f4\u89c2\u5e76\u4e14\u5f3a\u5927\u7684\u524d\u7aef\u6846\u67b6\uff0c\u8ba9Web\u5f00\u53d1\u53d8\u5f97\u66f4\u52a0\u5bb9\u6613\u3002
2. Foundation \uff08MIT\uff1b\u54cd\u5e94\u5f0f\uff09
\u6700\u5148\u8fdb\u7684\u54cd\u5e94\u5f0f\u524d\u7aef\u6846\u67b6\u3002
3. 960gs\uff08GPL&MIT\uff1b\u54cd\u5e94\u5f0f\uff09
960gs\u63d0\u4f9b\u4e86\u4e00\u4e2a\u7b80\u5355\u7684\u7f51\u683c\u7cfb\u7edf\uff0c\u9002\u5408\u5feb\u901f\u5f00\u53d1\u3002
4. Skeleton\uff08MIT\uff1b\u54cd\u5e94\u5f0f\uff09
\u975e\u5e38\u6f02\u4eae\u7684Web\u6a21\u677f\uff0c\u9002\u5408\u54cd\u5e94\u5f0f\u3001\u79fb\u52a8\u53cb\u597d\u7684\u5f00\u53d1\u3002
5. 99lime HTML KickStart\uff08Free\uff09
\u9002\u5408\u7f51\u7ad9\u5feb\u901f\u5f00\u53d1\u7684\u6781\u7b80HTML\u6784\u5efa\u6a21\u5757\u3002
6. Kube\uff08Free\uff1b\u54cd\u5e94\u5f0f\uff09
\u9762\u5411\u4e13\u4e1a\u4eba\u5458\u7684CSS\u6846\u67b6\u3002
7. Less Framework\uff08MIT\uff1b\u54cd\u5e94\u5f0f\uff09
\u81ea\u9002\u5e94\u7684CSS\u7f51\u683c\u7cfb\u7edf\u3002
8. Flameinwork\uff08Free\uff09
\u9002\u5408\u61d2\u4eba\u5f00\u53d1\u8005\u7684\u524d\u7aef\u5fae\u6846\u67b6\u3002
9. G5 Framework\uff08Free\uff09
(x)HTML5\u3001CSS\u3001PHP\u524d\u7aef\u5f00\u53d1\u6846\u67b6\u3002
10. Easy Framework\uff08Free\uff09
Easy Framework\u662f\u4e00\u4e2a\u4e00\u4f53\u5316\u524d\u7aef\u89e3\u51b3\u65b9\u6848\uff0c\u5206structural\u3001 presentational\u3001interactive\u4e09\u5c42\u3002
11. Blueprint\uff08Free\uff09
\u4e00\u4e2a\u65e8\u5728\u51cf\u5c11\u5f00\u53d1\u65f6\u95f4\u7684\u524d\u7aef\u6846\u67b6\u3002
12. YAML\uff08Creative Commons\uff09
(x)HTML+CSS\u6846\u67b6\uff0c\u9002\u5408\u5f00\u53d1\u73b0\u4ee3\u5316\u6d6e\u52a8\u5e03\u5c40\u3002
13. BlueTrip\uff08Free\uff09
\u4e00\u4e2a\u529f\u80fd\u5168\u9762\u3001\u5e76\u4e14\u7f8e\u4e3d\u7684CSS\u6846\u67b6\uff0c\u9002\u5408\u4e8eBlueprint\u642d\u914d\u4f7f\u7528\u3002
14. YUI3:Grids CSS\uff08BSD\uff09
YUI Grids CSS\u662f\u6700\u8457\u540d\u7684CSS\u6846\u67b6\u4e4b\u4e00\uff0c\u662f\u7531Yahoo\u5f00\u53d1\u5c0f\u7ec4\u5f00\u53d1\u800c\u6210\u3002 YUI Grids CSS\u4e3a\u5f00\u53d1\u8005\u63d0\u4f9b\u4e86\u9884\u5148\u8bbe\u7f6e\u7684\u56db\u79cd\u4e0d\u540c\u9875\u9762\u5bbd\u5ea6\uff0c\u516d\u79cd\u4e0d\u540c\u7684\u6a21\u677f\u3002
15. 52framework\uff08Creative Commons\uff09
\u5bf9HTML5\u652f\u6301\u975e\u5e38\u597d\uff0c\u7b80\u5355\u6613\u7528\u3002
16. elastiCSS\uff08MIT\uff09
\u4e00\u4e2a\u57fa\u4e8eWeb\u63a5\u53e3\u548c\u5370\u5237\u5e03\u5c40\u7684\u7b80\u5355CSS\u6846\u67b6\u3002
17. Emastic\uff08Free\uff09
\u4e00\u4e2a\u4e0e\u4f17\u4e0d\u540c\u7684CSS\u6846\u67b6\u3002
18. Fluid 960 Gride System\uff08GPL/MIT\uff09
Fluid 960 Grid System\u7684\u6a21\u7248\u662f\u6839\u636eNathan Smith\u4e4b\u524d\u7684\u4f5c\u54c1\u800c\u521b\u5efa\u7684\u3002\u5373960 Grid System\uff1a\u4f20\u627f\u4e86MooTools\u548cjQuery JavaScript libraries\u7684\u6548\u679c\u3002
19. xCSS\uff08MIT\uff09
\u4e00\u4e2a\u9762\u5411\u5bf9\u8c61\u7684CSS\u6846\u67b6\uff0c\u80fd\u8ba9\u4f60\u7684\u5de5\u4f5c\u6d41\u66f4\u52a0\u7b80\u6d01\u3002xCSS\u57fa\u4e8eCSS\uff0c\u53ef\u4ee5\u5728\u5f00\u53d1\u590d\u6742\u6837\u5f0f\u65f6\uff0c\u63d0\u4f9b\u9762\u5411\u5bf9\u8c61\u7684\u5de5\u4f5c\u6d41\u3002
20. EM CSS Framework\uff08MIT/GPL\uff09
EM CSS Framework\u63d0\u4f9b\u4e86\u4e00\u4e2a960px\u5bbd + 12 \u5217\u7f51\u683c\u7cfb\u7edf + CSS\u7684\u901a\u7528\u6837\u5f0f\u3002
\u73b0\u5728\u6bd4\u8f83\u5e38\u7528\u7684\u4e3b\u6d41\u6846\u67b6\u6709Vue\u3001React\u3001Angular\u3002
Angular
Angular\u539f\u540dangularJS\u8bde\u751f\u4e8e2009\u5e74\uff0c\u4e4b\u524d\u6211\u4eec\u90fd\u662f\u7528jquery\u5f00\u53d1\uff0c\u81ea\u4eceangular\u7684\u51fa\u73b0\u8ba9\u6211\u4eec\u6709\u4e86\u65b0\u7684\u9009\u62e9\uff0c\u5b83\u6700\u5927\u7684\u7279\u70b9\u662f\u628a\u540e\u7aef\u7684\u4e00\u4e9b\u5f00\u53d1\u6a21\u5f0f\u79fb\u690d\u5230\u524d\u7aef\u6765\u5b9e\u73b0\uff0c\u5982MVC\u3001\u4f9d\u8d56\u6ce8\u5165\u7b49\uff0c\u521b\u65b0\u5f0f\u7684\u53cc\u5411\u6570\u636e\u7ed1\u5b9a\u4e0d\u77e5\u7b80\u5316\u4e86\u6211\u4eec\u591a\u5c11\u4ee3\u7801\uff0c\u8ba9\u6211\u4eec\u4e3a\u4e4b\u75af\u72c2\uff0c\u7279\u522b\u662f\u8868\u5355\u5904\u7406\u65b9\u9762\uff0c\u4ece\u6b64\u540d\u58f0\u5927\u566a\u3002
\u597d\u7684\u6846\u67b6\u4e00\u822c\u4f1a\u6709\u4e24\u4e2a\u7ed3\u679c\uff0c\u4e00\u4e2a\u7ee7\u7eed\u4e0d\u65ad\u66f4\u65b0\u8fed\u4ee3\uff0c\u907f\u514d\u88ab\u62cd\u6b7b\u5728\u6c99\u6ee9\u4e0a\uff0c\u4e00\u4e2a\u662f\u88ab\u4e00\u4e9b\u5927\u516c\u53f8\u6536\u8d2d\u7115\u53d1\u7b2c\u4e8c\u6625\uff0cangular\u5c5e\u4e8e\u540e\u8005\u88abgoogle\u6240\u6536\u8d2d\uff0c\u4e14\u4ece2.0\u540e\u6539\u540dangular\u5e76\u4f7f\u7528\u5fae\u8f6f\u7684typescript\u4f5c\u4e3a\u5f00\u53d1\u8bed\u8a00\uff0c\u76ee\u524d\u6700\u65b0\u7248\u672c8.0\uff0c\u7167\u8bf4\u508d\u4e0agoogle\u4e0e\u5fae\u8f6f\u8fd9\u4e24\u6761\u5927\u8239\uff0c\u524d\u9014\u5e94\u8be5\u4e0d\u53ef\u9650\u91cf\u624d\u5bf9\uff0c\u7136\u800c\u9020\u5316\u5f04\u4eba\uff0c\u73b0\u5728angular\u7684\u5e02\u573a\u4efd\u989d\u5df2\u7ecf\u88abReact\u8fd9\u4e2a\u540e\u8d77\u4e4b\u79c0\u548cVue\u8fd9\u9897\u65b0\u661f\u8fdc\u8fdc\u5730\u7529\u5230\u8111\u540e\u3002
React
React\uff0cfacebook\u51fa\u54c1\uff0c\u6b63\u5f0f\u7248\u63a8\u51fa\u662f\u57282013\u5e74\uff0c\u6bd4angular\u665a\u4e864\u5e74\uff0c\u4f46\u5f97\u76ca\u4e8e\u5176\u521b\u65b0\u5f0f\u7684VirtualDOM\uff0c\u6027\u80fd\u4e0a\u78be\u538bangularJS\uff0c\u4e00\u7ecf\u63a8\u51fa\uff0c\u706b\u7684\u4e00\u584c\u7cca\u6d82\u3002 \u7279\u70b9\u5f88\u591a\uff0cVirtualDOM\u3001JSX\u3001Diff\u7b97\u6cd5\u7b49\uff0c\u652f\u6301ES6\u8bed\u6cd5\uff0c\u91c7\u7528\u51fd\u6570\u5f0f\u7f16\u7a0b\uff0c\u95e8\u69db\u7a0d\u9ad8\uff0c\u4f46\u4e5f\u66f4\u7075\u6d3b\uff0c\u80fd\u8ba9\u5f00\u53d1\u5177\u6709\u66f4\u591a\u53ef\u80fd\u6027\u3002
Vue
Vue\u4f5c\u4e3a\u6700\u540e\u63a8\u51fa\u7684\u6846\u67b6\uff082014\u5e74\uff09\uff0c\u501f\u9274\u4e86\u524d\u8f88angular\u548creact\u7684\u7279\u70b9\uff08\u5982VirtualDOM\u3001\u53cc\u5411\u6570\u636e\u7ed1\u5b9a\u3001diff\u7b97\u6cd5\u3001\u54cd\u5e94\u5f0f\u5c5e\u6027\u3001\u7ec4\u4ef6\u5316\u5f00\u53d1\u7b49\uff09\u5e76\u505a\u4e86\u76f8\u5173\u4f18\u5316\uff0c\u4f7f\u5176\u4f7f\u7528\u8d77\u6765\u66f4\u52a0\u65b9\u4fbf\uff0c\u66f4\u5bb9\u6613\u4e0a\u624b\uff0c\u6bd4\u8f83\u5c11\u9002\u5408\u521d\u5b66\u8005\u3002\u7f51\u4e0a\u6709\u5f88\u591a\u4eba\u8bf4Vue\u4e0d\u9002\u5408\u505a\u5927\u578b\u9879\u76ee\uff0c\u7eaf\u5c5e\u626f\u6de1\uff0cVue\u5728\u8fd9\u65b9\u9762\u5df2\u7ecf\u4f18\u5316\u5f97\u5f88\u597d\uff0c\u5f53\u7136\uff0c\u5927\u91cf\u7684\u54cd\u5e94\u5f0f\u5c5e\u6027\uff08\u76d1\u542c\u5c5e\u6027\uff09\u4e5f\u8bb8\u4f1a\u7528\u4e00\u5b9a\u7684\u6027\u80fd\u635f\u8017\uff0c\u4f46\u5728\u786c\u4ef6\u3001\u7f51\u7edc\u5927\u529b\u53d1\u5c55\u7684\u4eca\u5929\uff0c\u8fd9\u4e9b\u7ec6\u5fae\u7684\u6027\u80fd\u5dee\u5f02\u51e0\u4e4e\u611f\u89c9\u4e0d\u5230\u3002
程序员常用的Web前端开发框架如下：
1、Bootstrap
Bootstrap流行的CSS框架，它是最早的Web前端框架，Bootstrap提供了许多实例来帮助入门。使用Bootstrap可以将不同的组件和布局组合在一起，从而创建有趣的页面设计，还提供了大量详细的文档。
2、QUICK UI
QUICK UI一套完整的企业级web前端开发解决方案，由基础框架、UI组件库、皮肤包、示例工程和文档等组成。使用QUICKUI开发者可以极大地减少工作量提高开发效率，快速构建功能强大、美观、兼容的web应用系统。
3、MDC Web
Material Components for the web(MDC Web)，谷歌为Web设计的全新前端框架。MDC Web帮助开发人员执行Material Design，组件由谷歌的核心工程师团队和UX设计人员开发。这些组件可以建立可靠的开发工作流程以构建美观且功能强大的Web项目。
4、Pure
Bootstrap，Patternfly和MDC Web功能非常强大的CSS框架，但非常繁琐复杂。如想要一个轻量级的CSS框架建议尝试Pure.css，本身更接近于CSS编程，但又可以帮助构建一个不错的网页。Pure是具有最小占用空间的轻量级CSS框架由Yahoo开发根据BSD许可是开源。
5、Foundation
Foundation声称是世界上最先进的响应式前端框架。它提供了用于构建专业网站的高级功能和教程。许多公司，组织都使用该框架，并且该框架具有大量可用的文档。
6、Bulma
Bulma基于Flexbox的开源框架可根据MIT许可证开源。一个非常轻量级的框架，只需要一个CSS文件。Bulma拥有简洁明了的文档可轻松选择想要的主题。还具有许多Web组件可以在设计中使用它们。
7、Skeleton
轻量级框架Skeleton。Skeleton库只有大约400行，且该框架仅提供一些基本的CSS框架组件。Skeleton还是提供了详细的文档来帮助快速上手。
8、Materialize
Materialize 是一个基于 Material Design风格的一个现代化的响应式前端框架，解决了最繁重的工作，结合的自定义组件为提供默认的样式。Materialize的文档页面非常全面很容易遵循。其组件页面包括按钮，卡片，导航等。
9、Bootflat
Bootflat是从Twitter的Bootstrap派生的开源CSS框架。与Bootstrap相比Bootflat更简单更加轻量级。大部分都是图像没有太多的文字。
10、PatternFly
PatternFly是Red Hat的开源CSS框架，和Bootstrap不同的是Bootstrap是为那些想要创建漂亮网站的人而设计，而PatternFly主要专注于企业应用程序开发人员提供诸如条形图、图表、导航之类的组件，实际上Red Hat就是使用它创建了OpenShift。除了静态HTML，PatternFly还支持ReactJS框架，这是Facebook开发的流行JavaScript框架。PatternFly具有许多适用于企业级应用程序的高级组件，如条形图，图表，模式和布局。
11、flex
Flex目前还在孵化阶段，还不是Apache的正式项目，Flex4.8也不是一个正式的Apache版本。，该版本标志着Flex新时代的开始，Flex的未来将由社区来驱动而不是由一个公司驱动。开发者可以通过贡献代码来帮助改进Flex，如修复bug、增加功能等。
以上就是分享的Web前端开发常用的一些框架。程序员们可以根据自己的业务需求选择简洁直观、功能强大的前端开发框架，让自己的工作更迅速简单，提高开发的效率。
绛旓細3. Semantic UI Semantic UI鏄竴涓槗浜庝娇鐢ㄥ拰鎵╁睍鐨鍓嶇妗嗘灦锛屽畠鎻愪緵浜嗕赴瀵岀殑棰勫畾涔夋牱寮忓拰缁勪欢锛岀敤浜庢瀯寤虹幇浠ｅ寲鐨勭敤鎴风晫闈係emantic UI娉ㄩ噸璇箟鍖栨爣璁帮紝浣縃TML浠ｇ爜鏇村姞鏈夋剰涔夊拰鏄撲簬缁存姢銆傛澶栵紝瀹冭繕鎻愪緵浜嗕赴瀵岀殑涓婚鍜屽畾鍒堕夐」锛屽彲浠ユ牴鎹渶姹傝繘琛屼釜鎬у寲瀹氬埗銆4. Vue.js Vue.js鏄竴涓笎杩涘紡鐨勫墠绔鏋讹紝瀹...
绛旓細鍓嶇甯哥敤妗嗘灦姹囨伙細react妗嗘灦:create-react-app+antd锛坅ntd PC锛岀Щ鍔ㄧ閮芥湁锛塽mi+dva+antd ant design pro锛堢鐞嗙郴缁燂級ReactNative锛坅pp娣峰悎寮鍙戯級2.vue妗嗘灦锛歷ue-cli+element-ui鎴杋view锛圥C锛岀Щ鍔ㄧ锛屽皬绋嬪簭閮芥湁锛塿ue-element-admin锛堢鐞嗙郴缁燂級vue-cli3+cordova鎴栬厀eex锛坅pp娣峰悎寮鍙戯級3.Flutter锛坅pp...
绛旓細Boostrap缁濆鏄洰鍓嶆渶娴佽鐢ㄥ緱鏈骞挎硾鐨勪竴娆炬鏋躲傚畠鏄竴濂椾紭缇庯紝鐩磋骞朵笖缁欏姏鐨剋eb璁捐宸ュ叿鍖咃紝鍙互鐢ㄦ潵寮鍙戣法娴忚鍣ㄥ吋瀹瑰苟涓旂編瑙傚ぇ姘旂殑椤甸潰銆傚畠鎻愪緵浜嗗緢澶氭祦琛岀殑鏍峰紡绠娲佺殑UI缁勪欢锛屾爡鏍肩郴缁熶互鍙婁竴浜甯哥敤鐨JavaScript鎻掍欢銆鍓嶇涓夊ぇ妗嗘灦锛屾槸Angular銆丷eact銆乂ue锛岃繖涓変釜妗嗘灦鐜板湪鏄渶涓烘祦琛屼篃鏄渶澶氫汉鐢鐨勬鏋銆
绛旓細Web鍓嶇寮鍙妗嗘灦鏈Bootstrap銆乂ue銆丄maze UI銆備竴銆丅ootstrap锛1銆丅ootstrap鏄畝娲併佺洿瑙傘佸己鎮嶇殑鍓嶇寮鍙戞鏋讹紝璁﹚eb寮鍙戞洿杩呴熴佺畝鍗曪紝鐢氳嚦杩為潪鍓嶇宸ョ▼甯堜汉鍛樹篃鑳藉紑鍙戝嚭浼樼編鐨勯〉闈紝璁╂墍鏈夊紑鍙戜汉鍛樻洿鍔犲揩鎹枫佹柟渚跨殑寮鍙憌eb椤甸潰鍜岀Щ鍔ㄧ搴旂敤锛屽悓鏃朵篃鑳藉紑鍙戝搷搴斿紡web椤甸潰锛屼笂鎵嬩篃闈炲父蹇2銆佷究鍒╋紝鐢眒do鍜...
绛旓細1.Bootstrap Boostrap缁濆鏄洰鍓嶆渶娴佽鐢ㄥ緱鏈骞挎硾鐨勪竴娆妗嗘灦銆傚畠鏄竴濂椾紭缇庯紝鐩磋骞朵笖缁欏姏鐨剋eb璁捐宸ュ叿鍖咃紝鍙互鐢ㄦ潵寮鍙戣法娴忚鍣ㄥ吋瀹瑰苟涓旂編瑙傚ぇ姘旂殑椤甸潰銆傚畠鎻愪緵浜嗗緢澶氭祦琛岀殑鏍峰紡绠娲佺殑UI缁勪欢锛屾爡鏍肩郴缁熶互鍙婁竴浜甯哥敤鐨JavaScript鎻掍欢銆侭ootstrap鏄敤鍔ㄦ佽瑷LESS鍐欑殑锛屼富瑕鍖呮嫭鍥涢儴鍒嗙殑鍐呭锛氳剼鎵嬫灦鈥斺斿叏灞鏍峰紡...
绛旓細鍓嶇妗嗘灦濂戒笉濂界敤杩樻槸瑕佺湅鍏蜂綋鎯呭喌鍒嗘瀽锛屾垜杩欓噷缁欎綘鎺ㄨ崘鍑犱釜甯哥敤鐨勬鏋锛屽彲浠ユ寜闇浣跨敤銆1銆乿ue-element-admin 涓涓熀浜巚ue2.0鍜孍lement鐨勬帶鍒堕潰鏉縐I妗嗘灦锛岃繖鏄娇鐢╲ue鎶鏈爤寮鍙戠殑鍓嶇绋嬪簭鍛樼殑棣栭夌鐞嗙郴缁熸ā鏉匡紝妯℃澘宸茬粡闈炲父鎴愮啛浜嗭紝骞朵笖鏈夌浉鍏崇殑绀惧尯鍜岀淮鎶や汉鍛橈紝寮鍙戞椂鍊欓亣鍒伴棶棰樹篃涓嶈鎱屻2銆丄dminLTE ...
绛旓細杞欢寮鍙戜腑锛屾湁璁稿甯哥敤鐨勬鏋鐢ㄤ簬绠鍖栧紑鍙戣繃绋嬨佹彁楂樻晥鐜囧拰浠ｇ爜鐨勫彲缁存姢鎬с備互涓嬫槸涓浜涘父瑙佺殑杞欢寮鍙戞鏋讹細1.鍓嶇妗嗘灦锛歊eact锛氱敱Facebook寮鍙戯紝鐢ㄤ簬鏋勫缓鐢ㄦ埛鐣岄潰鐨凧avaScript搴撱侫ngular锛氱敱Google缁存姢锛岀敤浜庢瀯寤哄姩鎬乄eb搴旂敤鐨勫墠绔鏋躲俈ue.js锛氫竴濂楃敤浜庢瀯寤虹敤鎴风晫闈㈢殑娓愯繘寮廕avaScript妗嗘灦銆2.鍚庣妗嗘灦锛歋prin...
绛旓細IVORY 鏄竴娆捐交閲忥紝绠鍗曚絾鏄己澶х殑鍓嶇妗嗘灦锛屽彲浠ョ敤浜320鍒1200鍍忕礌瀹藉害鐨勫搷搴斿紡甯冨眬銆傚畠鍩轰簬12鍒楃殑鍝嶅簲寮忕綉鏍煎竷灞锛屽寘鍚〃鏍硷紝鎸夐挳锛岃〃鏍硷紝鍒嗛〉锛屾嫧鍔ㄥ紑鍏筹紝宸ュ叿鎻愮ず锛屾墜椋庣惔锛岄夐」鍗＄瓑缃戠珯涓甯哥敤鐨缁勪欢鍜屾牱寮忋10.Kube 鏈鍚庯紝濡傛灉浣犵殑鏂伴」鐩渶瑕佷竴娆惧疄鍦ㄧ殑锛屼笉闇瑕佸鏉傜殑棰濆鍔熻兘缁勪欢鐨勶紝瓒冲绠鍗鐨勬鏋锛...
绛旓細Materialize 鏄竴涓熀浜 Material Design椋庢牸鐨勪竴涓幇浠ｅ寲鐨勫搷搴斿紡鍓嶇妗嗘灦锛岃В鍐充簡鏈绻侀噸鐨勫伐浣滐紝缁撳悎浣犵殑鑷畾涔夌粍浠讹紝涓轰綘鎻愪緵榛樿鐨勬牱寮忋侻aterialize鐨勬枃妗ｉ〉闈㈤潪甯稿叏闈紝骞朵笖寰堝鏄撻伒寰傚叾缁勪欢椤甸潰鍖呮嫭鎸夐挳锛屽崱鐗囷紝瀵艰埅绛夈9銆丅ootflat Bootflat鏄粠Twitter鐨凚ootstrap娲剧敓鐨勫紑婧怌SS妗嗘灦銆備笌Bootstrap鐩告瘮锛...
绛旓細瀹樼綉鍦板潃锛歨ttp://www.semantic-ui.cn/ 4銆丗oundation by ZURB鏄紑鍙戦傚簲鍚勭璁惧涓婄殑鍓嶇妗嗘灦锛屼富瑕佸紑鍙戝搷搴斿紡web搴旂敤妗嗘灦锛屾彁渚涘緢涓板瘜鐨凞EMO瀹炰緥锛屽璧锋潵涔熼潪甯告柟渚夸笂鎵嬶紝涔熸彁渚涗赴瀵岀殑鍥炬爣搴撱傚畼缃戝湴鍧锛歨ttp://www.foundcss.com/ 5銆丄maze UI鏄交閲忕骇鐨勫墠绔簲鐢ㄦ鏋讹紝鏄浗鍐呮瘮杈冩祦琛鐨勬鏋锛屾瘮杈冮傜敤...
