Shulou(Shulou.com)06/02 Report--

This article mainly shows you "what development tools bootstrap has", the content is simple and easy to understand, organized clearly, I hope to help you solve doubts, let Xiaobian lead you to study and learn "what development tools bootstrap has" this article bar.

Bootstrap development tools: 1. Jetstrap;2. Bootply;3. DivShot;4. Bootstrap Magic;5. Layoutit;6. X-editable;7. Grid Displayer;8. GetkickStrap, etc.

Operating environment of this tutorial: Windows 7 system, bootsrap3.3.7 version, DELL G3 computer

Bootstrap is a simple, intuitive and powerful front-end development framework based on HTML, CSS and JavaScript developed by Mark Otto and Jacob Thornton of Twitter, which makes Web development faster. Bootstrap provides elegant HTML and CSS specifications, written in the dynamic CSS language Less.

Bootstrap has been a popular open source project on GitHub since its launch, including NASA's MSNBC (Microsoft National Broadcasting Corporation) Breaking News. Some frameworks familiar to domestic mobile developers, such as WeX5 front-end open source framework, are also based on Bootstrap source code for performance optimization.

bootstrap development tools:

1、Jetstrap

Jetstrap is a fully web-based interface builder for Twitter Bootstrap, designed for developers, designers and builders. Jetstrap helps you create beautiful websites quickly and with minimal effort.

2、Bootply

Bootply makes it easy to debug Bootstrap. Edit CSS, HTML and JavaScript. Bootstrap framework can be designed, prototyped, extended or tested using Bootply. Bootply integrates other popular Bootstrap plugins, mini-libraries and frameworks.

3、DivShot

Divshot is a drag-and-drop based front-end editor that allows you to build responsive websites using Twitter Bootstrap (and Foundation, of course) without having to code yourself, just with simple drag-and-drop operations.

4、Bootstrap Magic

Bootstrap Magic Theme Generator is built on Twitter Bootstrap 3 and AngularJS. You can easily and quickly create your own Twitter Bootstarp theme. You can instantly see what content you're changing, and you can add beautiful web fonts from Google Webfont.

5、Layoutit

LayoutIt is a Twitter Bootstrap interface generator that helps you quickly create website and interface models and download the generated website code. A few simple drag-and-drop operations can make a beautiful Twitter Bootstrap website. All designs can be responsive CSS and fluid, easily integrated with any programming language, and you can simply download HTML to start coding designs.

6、X-editable

X-editable supports editing Twitter Bootstrap, jQuery UI or pure jQuery. This library allows you to create editable elements on your own web pages. It includes pop-up and inline modes. It supports input elements including text, text fields, drop-down lists, dates, dateui and checklists. It supports both client-side and server-side authentication. In addition, the container's location is fully customizable, and users can switch automatically or manually with a single click and double click.

7、Grid Displayer

Grid Displayer is a bookmarking tool that can be used to display grids for Twitter Bootstrap (fixed and fluid grids) and Foundation (2.0 and 3.0). It supports Firefox and WebKit core browsers.

8、GetkickStrap

Kickstrap combines Bootstrap perfectly with top-of-the-line Web technologies. It can run proven, database-driven Web applications without the need for a native background. Kickstrap in conjunction with JSPM.io provides a powerful front-end package dependency built on Require.js. A Kickstrap application is a static collection of resources that can run at any time during the life cycle of a Web application.

9、Font Awesome

Font Awesome is an icon font library designed specifically for Twitter Boostrap. This icon font set includes almost all the icons that can be used in web pages, including Twitter Boostrap default icons, Social networks icons, Web application icons, editor icons and so on, which can be used for commercial projects for free.

10、Bootstrap Button Generator

This is a very useful Twitter Bootstrap button generator, you just need to enter the new button style you want to assign, and with different button colors, the update can be instantly previewed.

11、Easel

Easel is an impressive Twitter Bootstrap design tool that lets you link specific elements in documents to prototype apps for other files. You can even have your users pass tests allowing you to get early feedback in.

12、Fancyboot

Fancyboot is a simple but powerful Twitter Bootstrap customization tool, controlled just right, removing all unnecessary complexity.

13、Bootstrap Designer

Bootstrap Designer is an online design tool that can create beautiful HTML5 templates based on Twitter Bootstrap. You can create different design styles: minimalist, black and white, typesetting driven, monochrome look, clean and creative.

14、Bootsnipp

Bootsnipp is an element gallery designed for web designers and Web developers, and anyone using Twitter Bootstrap will find it essential in their work.

15、PaintStrap

Paintstrap lets you generate beautiful Twitter Bootstrap themes using Adobe Kuler or COLOURlovers colors.

That's all for bootstrap, thanks for reading! I believe that everyone has a certain understanding, hope to share the content to help everyone, if you still want to learn more knowledge, welcome to pay attention to the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.