基于HTML5的CSS框架组件BootFlat

BootFlat 是一款基于 Bootstrap 的 Flat UI 组件，跟原生的Bootstrap框架相比，BootFlat提供了更多的页面组件，同时增加了页面布局功能。与Flat UI相比更为突出的是BootFlat可以帮助你更快速的利用HTML5实现Web App开发。

BootFlat的特点

  • BootFlat是基于bootstrap3.2.0，便于快速的开发web和mobile app的UI框架
  • Bootflat组件基于HTML5和CSS3设计，提供sass文件和多种色值，便于开发者修改
  • Bootflat提供免费的PSD组件文件，便于设计者设计Web网页及mobile app

BootFlat组件演示实例

BootFlat提供了很多个性化的Web UI组件，很多都是常用的类型，也有一部分是比较新颖的，比如色块对比组件、个性化switch开关。下面我们来看看这些UI组件。

色块对比

按钮组

下拉按钮

气泡提示框

菜单

作者：小峰

来源：51CTO

时间： 2024-11-08 17:25:17

基于HTML5的CSS框架组件BootFlat的相关文章

8个强大的基于Bootstrap的CSS框架

做过前端开发的小伙伴们应该对Bootstrap不 会陌生,它是由Twitter推出的开源CSS框架,其中包含了很多Web前端开发的工具包和应用组件.当然,和jQuery一样,Bootstrap同 时也是一个开放式的CSS框架,基于Bootstrap,我们也可以做许多不错的CSS UI组件.本文就介绍了8个强大的基于Bootstrap的CSS框架,一起来看看. 1.Bootstrap Metro Dashboard - 基于Bootstrap的后台管理面板 这是一款基于Bootstrap的Metr

请问各位有没有基于Html5前台页面框架

问题描述 请问各位有没有基于Html5前台页面框架 想利用最新的Html5技术开发页面,请问各位有没有基于Html5前台页面框架以及相关的使用Demo.谢谢! 解决方案 jquery.mobile 可以参考codiqa.com,有设计器 解决方案二: jquery.mobile或者ext的touchhttp://jquerymobile.com/https://www.sencha.com/products/touch/ 解决方案三: 可以使用angularjs,完美支持html5. 解决方案四

抛出html5的战略地位，未来的应用基于javascript和css到底是进步还是退后？

问题描述 也许5~10年后,html5将一统江湖.届时,一般的应用程序都是基于html5+javascript+css3之类开发的,而我们现在常用的c#.java之类的面向对象语言,用途越来越小.且不论html5的战略地位,但是,这种开发模式到底是进步还是后退?以前学计算机历史的时候,老师说过,面向对象语言的出现,绝对是编程史上的一大步.封装继承,为我们重用.扩展代码提供了极其便利的途径:接口多态,为我们模块化编程提供了强有力的技术支持.于是,越来越多的面向对象语言出现,人们在此积累了大量的框架

9 个基于JavaScript 和CSS 的Web 图表框架

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 jQuery, MooTools, Prototype 等优秀的 JavaScript 框架拥有各种强大的功能,包括绘制 Web 图表,使用这些框架以及相应插件,我们可以非常轻松地实现曲线图,圆饼图,柱状图等 Web 图表的绘制,而不必象以往那样通过复杂的 Flash 技术实现.本文介绍了9个优秀的基于 JavaScript 与 CSS 的

30款最值得收藏的CSS框架

网页设计员和研发者可用的最好工具之一便是 CSS 框架,它提供高端解决方案来适应高端网页研发需求.CSS 框架减化了编码结构.减少了编码时间,为研发者带来网页设计的便捷性.下面就介绍了30款最值得收藏的css框架. 1.BlueTrip (网址:http://bluetrip.org/) BlueTrip 是一个集成了BluePrint & Tripoli 框架的做好的部分;Hartija 的打印样式; 960.gs的简洁;Elements 图标的一个css框架.为你提供一个好用的样式集合和一个

2014 年 15 款最棒的 HTML&CSS 框架

现在,我们来介绍 2014 年推荐给 Web 设计师的 15 款 HTML&CSS 框架.阅读下面的框架列表,跟我们分享你的看法吧:) CSS 框架 1) Toast Toast 是一款让所有设计都尽可能简单的 CSS 框架,但它又一点也不简单.一个全英文响应式网格很容易就构造一个简单的布局,box-sizing 功能允许用户自由的填充网页和网格边界,而不需要改变其他任何一个地方的设计. 2) Yaml Yaml 是一个模块化的 CSS 框架,可以用来构造灵活,可访问和响应式的页面.YAML 提

四种常用HTML5移动应用框架的比较

中介交易 SEO诊断 淘宝客 云主机 技术大厅 [编者按]本文译者范小虎,对于Mobile Web来说,现在是快速成长时代.由于采用了HTML5和CSS3技术,移动浏览器的性能加强了许多,同时,移动app的框架也扩展了,这意味着为移动设备创建丰富的互动的web体验的可行性又提升了. 本文通过对四种常用的框架进行比较,看看新技术带来了哪些改变. 采用诸如PhoneGap这样的封装软件,您就可以使用native app Store以及单个代码库,就可以分布式部署iPhone,iPad和Android

27款经典的CSS框架

利用 CSS 框架,可以简化你的工作,提高工作效率.CSS 框架是一系列 CSS 文件的集合体,包含了基本的元素重置,页面排版.网格布局.表单样式.通用规则等代码块.下面给你推荐了27款优秀的CSS框架,你可以选用. 1. 960gs 960 像素的页面宽度似乎成为了一种设计标准,在当前各种分辨率下,能够很好地展现网页内容.提供较为常用的尺寸来简化网页设计过程,使工作简单高效. 2. YUI 2: Grids CSS 芒果曾经介绍过由雅虎开发小组推出的 YUI,而这个 YUI Grids CSS

2014 年 15 款最棒的 HTML&CSS 框架

文本我们将介绍 2014 年推荐给 Web 设计师的 15 款 HTML&CSS 框架.阅读下面的框架列表,跟我们分享你的看法吧! CSS 框架 1) Toast Toast 是一款让所有设计都尽可能简单的 CSS 框架,但它又一点也不简单.一个全英文响应式网格很容易就构造一个简单的布局,box-sizing 功能允许用户自由的填充网页和网格边界,而不需要改变其他任何一个地方的设计. 2)  Yaml Yaml 是一个模块化的 CSS 框架,可以用来构造灵活,可访问和响应式的页面.YAML 提供