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?-