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 艾龙,   

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