35 个必须有的Bootstrap工具和生成器
Bootstraptor
If you think that bootstrap templates are not enough for you, you should go with bootstraptor. You will have a wide range to select from, which automatically gives you a lot of interesting things to work with.
Brag Themes
Looking for some new themes? Well, Brag Themes is the best option for you if you are looking to give your websites a whole new look. Brag Themes has a lot of features and the themes will are a lot different from the regular bootstrap themes.
Bootply
I would call Bootply a playground for programmers where they can experiment with different things while using bootstrap, CSS, JavaScript, and jQuery. This will help you in checking your website’s compatibility with various mobile devices and desktops.
Bootstrap CDN
A programmer who is looking for ways to load their websites a lot faster, well Bootstrap CDN is perfect for them.
Bootstrap Prompts
As the name suggests, it will help you in replacing notification alerts along with modal information, with the help of Bootstrap application.
Pines Notify
Pined Notify is basically to build a notification plugin of Javascript which is easy, malleable and implementable.
prettyCheckable
prettyCheckable replaces inputs of radio and other checkboxes in order to provide them with better positions.
Bootstrap Tags
Bootstrap Tags is basically a jQuery Plugin and it helps in extending Userinterface of Bootstrap. It also allows tagging, autosuggests, exclusions, placeholder prompts, filters, and popovers.
jQuery File Upload
Since it is a jQuery file upload, it provides users with a platform having multiple options at the same time. You will have preview images, progress bars, and drag & drop feature. It also helps you in backing up resized images, resume process of file uploads and a lot more.
jQuery Simple Color Picker
Indeed a simple and easy to use plugin. It basically provides you with a list of colors allowing you to select multiple ones. The best part is, it actually complements Bootstrap.
Bootstrap wysihtml5
It is basically based in plugin of Javascript and it permits web developers to construct beautiful yet simple wysiwyg editors.
Bootpag – Dynamic Pagination
Are you looking to create a pagination or HTML page in a vigorous set-up? Bootpag – dynamic pagination is the plugin for you.
Bootstrap Modal
Bootsrap Modal is basically an extension of original bootstrap modals and its added feature has a modal manager which helps in handling multiple modals.
Bootbox.js
Creation of programmatic dialog boxes just got easier. Bootbox.js is basically a small library, which helps in manaing, creating and removing event handlers of JS and of course rest of the DOM elements.
Datepicker for Bootstrap
This will help you in cleansing fields, elements and will help you with all sorts of formatting. It also cleanses component and separators.
Bootstrap Video Player
This is an easy way to create a progress bar. You must have seen the progress bars where red bar represents danger/incompletion of something and green bar represents success and of course the orange one displays a warning. So, for all such messages Bootstrap Video Player is for you.
Hover Dropdown
I won’t say this to be an official bootstrap plugin however; it does activate hover via bootstrap dropdowns.
jQuery Form Validation with Styles
This tool has been established to help users while they are waiting for quick feedback. This tool has been built via jQuerya validation plugin.
Bootstrap Image Gallery
This basically acts as an assistant or an extension of bootstrap modal dialog during navigations of images within a gallery. Some of the vital features of this tool are full screen mode, mouse, slideshow functionalities, transition effects, and keyboard navigation.
Bootstrap Lightbox
It is formed via modal dialog that simplifies the use and functionality of bootstrap because of its lightbox.
Bootstrap Arrows jQuery Plugin
In case you want to point any arrow at whatsoever angle, within the bootstrap’s design, this is a best plugin for you.
Tocify – A Bootstrap jQuery Table of Contents Plugin
If you want to create a table of contents this is a good plugin for you since it’s based on the jQuery plugin. Also, it is applicable for animation, styling, scrolling, forward, & back button support, extension of scroll page, and scroll highlighting.
CSS3 Microsoft Modern Buttons
If you want to create rich button designs and that too through the support of CSS3 styles, this lightweight tool is for you.
tablecloth.js
As a web designer, you can style HTML tables with this jQuery plugin.
X-Editable
As the name suggests, it allows web developers to create elements that can be edited in the longer directly on the website’s page.
Sublime Text 2 Bootstrap Snippets
It has great and worthy choices of classified Bootstrap code snippets from a fine text.
Mobile-First Bootstrap Grid
It is basically formed to be when it comes to mobile screens and desktop screens. By default, it has a desktop style and also allows you to change the layout with media queries and it can be done on both mobile and desktop.
jQuery UI Bootstrap
It basically offers a theme which is compatible in Jquery UI. This particular theme is boosted by the design of Bootstrap. Since it has a bootstrap CSS version, it gets along very well with the theme.
MooTools for Bootstrap
It definitely gives you a much better functionality that twitter released. However, using its Javascript would be an issue but still it has the required tools and custom plugins that are really compatible with other MooTools.
Sass Bootstrap
You can opt for it if you prefer SASS that has CSS flavour than LESS of Bootstrap.
Grid Displayer Bookmarklet for Bootstrap:
Looking for any easy way to display the bootstrap’s grid? This is the best option for you. It definitely works well with the foundation.
Bootstrap-Ready Font Custom
You can follow a certain command line and create web fonts custom icon with Bootstrap-Ready Font Custom. You can also build styles as per naming conventions of boostrap by including this fontcustom.css.
WordPress Bootstrap CSS
With this tool, you can work with almost any WordPress theme and that too without having any professional programming expertise.
Jetstrap – Web-Based Interface Building Tool for Bootstrap
All you need to do is log into Jetstrap and build Bootstraps. Trust me, you need no programming skills for this as website is quite easy and self-explanatory.
Bootstrap Button Generator
This is probably the fastest tool if you are looking to get customize buttons for your bootstrap development. It’s very easy and simple.
Divshot – The Bootstrap Interface Builder for Web Apps
You can have everything real quick when it comes to building web apps. All you need to do is combine the simplicity of drag-and-drop designing with complicated HTML and CSS programming.
Bootstrap ThemeRoller – Customize the Look and Feel of Bootstrap
This tool makes the designing of Twitter Bootstrap way too easy. One click is all you need to change colors, sizes and fonts.
参考:http://www.open-open.com/news/view/1fb17f2
35 个必须有的Bootstrap工具和生成器的更多相关文章
- 12 个 Web 设计师必备的 Bootstrap 工具
转自:http://www.oschina.net/translate/12-best-bootstrap-tools-for-web-designers Bootstrap是一个非常棒的前端网站开发 ...
- vue-cli如何引入bootstrap工具
以下操作以正常安装node环境为前提. 1.引入jq: 在npm控制台中,进入项目目录,然后输入指令npm install jquery --save-dev(npm换成cnpm更好,国内环境下使用c ...
- 推荐15款最好的 Twitter Bootstrap 开发工具
Twitter Bootstrap 自从2011年最初发布到网上后,迅速成为 Web 领域最流行的响应式前端开发框架之一,是网页设计的优秀实践.Twitter Bootstrap 框架包含了众多的预定 ...
- 35款加速网站开发的 CSS 开发工具
网络有很很多的 CSS 工具和教程可用,它可以帮助设计人员和开发人员轻松.快速地学习 CSS 技术.这些工具中在高效开发 Web 应用程序中发挥重要作用. 在这篇文章中,我们收集了35个最好的 CSS ...
- BootStrap 最佳资源合集(转)
witter BootStrap是一款优秀的前端的框架,称得上是前端的一个框架利器.Web前端开发者每天都在与HTML.CSS.JavaScript打交道,然 而不少人都是在周而复始的写模板.样式和交 ...
- Bootstrap在线编辑器简单分享
Bootstrap 已经使响应式网站开发变得简单很多. 但是如果你不必手动写全部代码,事情会如何呢? 如果你可以自由地选择你想要使用的Bootstrap 组件.并可以把它们拖拽到画布中,事情会如何呢? ...
- 7 个 Bootstrap 在线编辑器用于快速开发响应式网站
Bootstrap 已经使响应式网站开发变得简单很多. 但是如果你不必手动写全部代码,事情会如何呢? 如果你可以自由地选择你想要使用的Bootstrap 组件.并可以把它们拖拽到画布中,事情会如何呢? ...
- 四款免费好用的Bootstrap ui编辑器
Bootstrap带来了设计革命,本文介绍的四种免费Bootstrap在线设计工具,可视化所见所得设计网页,然后输出Html/CSS代码,其中有些甚至可以实现拖曳,也有可以设定自己的主题模板Theme ...
- 用Bootstrap 写了个站点
近期发现vdceye的站点有些丑陋,就找了一个bootstrap工具,又一次把站点写了一遍 这个工具果然好用 http://vdceye.com/
随机推荐
- php中如何使用phpredis
安装redis服务:下载地址:http://redis.io/download,下载最新文档版本.本教程使用的最新文档版本为 2.8.17,下载并安装: $ wget http://download. ...
- 基于MTD的NAND驱动开发、K9F1G08 2K page、Yaffs2 Files System
转载:http://hi.baidu.com/cui1206/item/1d4119e376132513585dd886 基于MTD的NAND驱动(linux-2.6.22.10内核),目前已可以在该 ...
- python学习笔记(三)--条件语句
Python 条件语句 Python条件语句是通过一条或多条语句的执行结果(True或者False)来决定执行的代码块. Python 编程中 if 语句用于控制程序的执行,基本形式为: if 判断条 ...
- BootStrap2学习日记11---单选框多选框
单选框代码: <label for="country">国家</label> <select id="country"> & ...
- SQLServer 之 2008还原的时候无法获得对数据库的独占访问权解决
SQL2008还原的时候无法获得对数据库的独占访问权解决 还原或删除sql server 2008数据库时,经常会出现: “因为数据库正在使用,所以无法获得对数据库的独占访问权”,终解决方案如下 // ...
- STL之heap
STL的堆操作 STL里面的堆操作一般用到的只有4个:make_heap();.pop_heap();.push_heap();.sort_heap(); 他们的头文件函数是#include < ...
- The required Server component failed to start so Tomcat is unable to start解决之一
http://www.cnblogs.com/quxuedan/archive/2012/12/11/2813445.html 看看这个博客园园主说的吧
- android scrollview主要的问题
项目做多了之后,会发现其实 ScrollView嵌套ListVew或者GridView等很常用,但是你也会发现各种奇怪问题产生.根据个人经验现在列出常见问题以及代码最少最简单的解决方法. 问题一 : ...
- HDU 3999 The order of a Tree 二叉搜索树 BST
建一个二叉搜索树,然后前序输出. 用链表建的,发现很久没做都快忘了... #include <cstdio> #include <cstdlib> struct Node{ i ...
- LAMP平台搭建详解
准备工作 安装编译工具 # yum -y install gcc # yum -y install gcc-c++ 如果系统之前已经安装有rpm包的mysql和apache,那么可以: #servic ...