14

bootstrap_design_tools_2
这些年,对于网页设计师来说算是黄金年代。网页设计的固定模式终于被打破。越来越优秀的网页被设计出来。代码也越来越规范,浏览器的兼容性也开始变得必要关注起来。加上平板和移动端的迅猛势头,自适应响应式也频频被提起。于是,前端的框架开始脱颖而出。Bootstrap框架这些年被越来越多的前端设计师和程序员所熟悉。今天我们要分享给大家的就是一些优秀的Bootstrap工具。这些工具可以助您网站项目一臂之力。赶快来看看吧!

Get Kickstrap

Kickstrap seamlessly combines Bootstrap with top-tier web technologies. It’s so advanced, it can run an authenticated, database-driven web app without a native backend.

bootstrap_design_tools_1

Bootply

Bootply is integrated with other popular Bootstrap plugins, micro-libraries and frameworks.

bootstrap_design_tools_3

Bootstrap Button Generator

It’s easy. Really. Just enter the css class you want to assign to your new button style and play with the different button colors to update the live previews in the right. When you are ready, copy the code below and add it to your page below bootstrap.min.css to use the button.

bootstrap_design_tools_4

Easel

Easel is an in-browser, high-fidelity web design tool aimed at designers and developers on small teams. Design with real web elements, even twitter bootstrap.

bootstrap_design_tools_5

Layoutit

Create your frontend code simple and quickly with Bootstrap using our Drag & Drop Interface Builder.

bootstrap_design_tools_6

Bootswatch

Create your frontend code simple and quickly with Bootstrap using our Drag & Drop Interface Builder.

bootstrap_design_tools_7

Boottheme

Online Web Designer and Theme Generator for Twitter Bootstrap. Design webapp, Generate theme and Preview result instantly.

bootstrap_design_tools_71

 

Bootstrap Designer

 

Bootstrap Designer is an online design tool, producing awesome HTML5 templates based on Bootstrap framework.

 

bootstrap_design_tools_2

Custome Font Tool

Generate custom icon webfonts from the comfort of the command line.

bootstrap_design_tools_9

WordPress Twitter Bootstrap CSS

WordPress Twitter Bootstrap CSS lets you include the latest Twitter Bootstrap CSS and Javascript libraries in your WordPress site.

bootstrap_design_tools_10

Bootmetro

Simple and flexible web framework to create elegant and modern web applications with the same look & feel of Windows 8.

bootstrap_design_tools_11

Flat UI Free–Framework and Bootstrap Theme Design

Flat UI Free is made on the basis of Twitter Bootstrap in a stunning flat-style, and the kit also includes a PSD version for designers.

bootstrap_design_tools_12

Twitter Bootstrap Button Ggenerator

Twitter Bootstrap Button Generator – the easiest way how to set up your buttons based on Twitter Bootstrap in a seconds.

bootstrap_design_tools_13

Bootstrap Lightbox

A simple lightbox plugin based on the bootstrap modal plugin.

bootstrap_design_tools_14

Initializr

Initializr is an HTML5 templates generator to help you getting started with a new project based on HTML5 Boilerplate. It generates for you a clean customizable template with just what you need to start!

bootstrap_design_tools_15

Via

标签:, , ,