文档章节

12款优秀的 Twitter Bootstrap 组件和工具

mickelfeng
 mickelfeng
发布于 2014/12/04 00:27
字数 729
阅读 45
收藏 1
Bootstrap 是基于 HTML,CSS 和 JavaScript 的简洁灵活的流行前端框架及交互组件集,由微博的先驱 Twitter 在2011年8月开源的整套前端解决解决方案。 Bootstrap 有非常完备和详尽的开发文档, Web 开发人员能够轻松搭建出清爽风格的界面以及实现良好的交互效果。

 

 

  Bootstrap 的口号是 Designed for everyone, everywhere.(适用于任何场景,适用于每一个人),主要有以下特色:支持所有主流浏览器、12列栅格布局、响应式设计、样式化的文档以及常用的定制的 jQuery 插件等等。Bootstrap 已经足够强大,能够实现各种形式的 Web 界面。为了能够充分利用 Bootstrap 的强大功能,下面向打击推荐12款各种各样工具和资源来配合 Bootstrap 使用。

 

jQuery UI Bootstrap

这个 jQuery UI 主题,对于 jQuery 的使用者来说是个非常好的资源,能够把 Bootstrap 的清爽界面组件引入到 jQuery UI 中。

 

 

Bootstrap Image Gallery

Bootstrap Image Gallery 是 Bootstrap 模态对话框的一个扩展,用于实现相册浏览功能,支持按键导航,幻灯片展示以及全屏浏览。

 

 

jQuery Mobile Bootstrap Theme

和 jQuery UI 主题类似,这是一个基于 Twitter Bootstrap 的 jQuery Mobile 主题,让你的移动应用用上 Bootstrap 界面。

 

  

Colorpicker and Datepicker for Bootstrap

Twitter Bootstrap 有非常多的内置 jQuery 插件,但是没有颜色选择器和日期选择器,这个插件是个非常好的补充。

 

 

StyleBootstrap.info

Twitter Bootstrap 提供了定义好的几种界面风格,如果你想有更多更个性化的配色的话,这个工具可以帮上你的大忙。

 

 

Beautiful Buttons for Bootstrappers

清爽漂亮的按钮是 Twitter Bootstrap 最吸引人的特色之一,这个在线的按钮设计工具可以帮助你制作更多风格的按钮样式。

 

 

Bootswatch

Twitter Bootstrap 的默认主题已经非常漂亮了,但是如果你想有一个与众不同的外观,那么这个主题选择工具可以帮助到你。

 

 

Fbootsrapp

相当于 Twitter Bootstrap的一个 Facebook 主题,包含表单、按钮、表格、导航等等 Facebook 风格的界面组件。

 

 

Bootstrap Fireworks

对于使用 Fireworks 进行界面设计朋友,Bootstrap Fireworks 非常有用,它提供了一组矢量图形。

 

 

Django Bootstrap Toolkit

这个一个把 Django 和 Twitter Bootstrap 集合起来使用的工具包,相信 Django 的粉丝们会喜欢。

 

 

Bootstrap PSD

这个设计套件包含 Twitter Bootstrap 所有的基本组件的 PSD 源文件,包括字体、按钮、网格和导航等等。

 

 

BootstrapWP

如果你的 WordPress 博客也想换上 Twitter Bootstrap 界面的话,这个 WordPress 主题就是你需要的。

 

 

下面列出了更多基于 Twitter Bootstrap 的 WordPress 主题:

本文转载自:http://www.cnblogs.com/lhb25/archive/2012/09/11/resources-that-complement-twitter-bootstrap.html

mickelfeng

mickelfeng

粉丝 234
博文 2768
码字总数 597345
作品 0
成都
高级程序员
私信 提问
《前台框架BootStrap学习》系列技术文章整理收藏

《前台框架BootStrap学习》系列技术文章整理收藏 前台框架BootStrap学习系列整理了关于前台框架BootStrap方面的技术文章,一些实用的BootStrap使用示例,供大家学习BootStrap时参考 1CSS——...

开元中国2015
2015/06/22
218
0
12 款最好的 Bootstrap 设计工具

作为一位设计师,会经常追寻新鲜有趣的设计工具,这些工具会提高工作的效率,使得工作更有效, 最重要的是使工作变得更方便。非常肯定的说,随着日益增长的工具和应用的数量,设计和开发变得...

oschina
2014/04/25
31.1K
17
推荐 10 款基于 Bootstrap 框架的扩展

Bootstrap是快速开发Web应用程序的前端工具包。它是一个CSS和HTML的集合,它使用了最新的浏览器技术,给你的Web开发提供了时尚的版式,表单,buttons,表格,网格系统等等。 本文推荐 10 款基...

oschina
2013/06/21
54.5K
32
免费的Web UI开发套件

直接拿来用:13款免费的CSS UI工具包 10个超酷炫Bootstrap HTML & CSS UI工具包 12款免费且精美的Web UI工具包(上) 12款免费且精美的Web UI工具包(下) 免费下载!22个最新的HTML&CSS3 U...

易达
2016/10/17
51
0
【已更新】从Bootstrap到Amaze UI

7月17日更新 大家有什么疑问都可以说吧,我觉得这事儿做的还算磊落,文中没刻意打击Bootstrap的意思,也没抬高 Amaze UI,初衷是做个更适用国内前端框架的东西,月底也会开源,没必要讨骂声。...

hongtaok
2014/07/16
17.4K
25

没有更多内容

加载失败,请刷新页面

加载更多

状态模式

//相当把一个State对象存到Context对象中,然后通过Context实例化对象调用保存的state对象去调用state的相应的方法 https://blog.csdn.net/syc434432458/article/details/51210361...

南桥北木
30分钟前
3
0
基于 Jenkins + JaCoCo 实现功能测试代码覆盖率统计

本文首发于:Jenkins 中文社区 使用 JaCoCo 统计功能测试代码覆盖率? 对于 JaCoCo,有所了解但又不是很熟悉。 "有所了解"指的是在 CI 实践中已经使用 JaCoCo 对单元测试代码覆盖率统计: 当...

Jenkins中文社区
38分钟前
4
0
聊聊Elasticsearch的OsProbe

序 本文主要研究一下Elasticsearch的OsProbe OsProbe elasticsearch-7.0.1/server/src/main/java/org/elasticsearch/monitor/os/OsProbe.java public class OsProbe { private static f......

go4it
38分钟前
2
0
谈谈lucene的DocValues特性之NumericDocValuesField

在默认实现的DocValuesCosumer中,数值有可能分块存储也有可能放在一个数据块中存储。 分块的大小默认是16384,并且通过预先计算如果按一个块存储最大值与最小值的差所占用的比特数和分块存储...

FAT_mt
56分钟前
2
0
【BATJ】面试必问MySQL索引实现原理

BATJ面试题剖析 1、为什么需要使用索引? 2、数据结构Hash、平衡二叉树、B树、B+树区别? 3、机械硬盘、固态硬盘区别? 4、Myisam与Innodb B+树的区别? 5、MySQL中的索引什么数据结构? 6、...

须臾之余
今天
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部