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