Bootstrap, originally named Twitter Blueprint, was developed by Mark Otto and Jacob Thornton at Twitter as a framework to encourage consistency across internal tools. Before Bootstrap, various libraries were used for interface development, which led to inconsistencies and a high maintenance burden. According to Twitter developer Mark Otto:
“A super small group of developers and I got together to design and build a new internal tool and saw an opportunity to do something more. Through that process, we saw ourselves build something much more substantial than another internal tool. Months later, we ended up with an early version of Bootstrap as a way to document and share common design patterns and assets within the company.
After a few months of development by a small group, many developers at Twitter began to contribute to the project as a part of Hack Week, a hackathonstyle week for the Twitter development team. It was renamed from Twitter Blueprint to Bootstrap, and released as an open source project on August 19, 2011. It has continued to be maintained by Mark Otto, Jacob Thornton, and a small group of core developers, as well as a large community of contributors.
On January 31, 2012, Bootstrap 2 was announced. This release added the twelvecolumn grid layout and responsive design components, as well as changes to many of the existing components. The Bootstrap 3 release was announced on 19 August 2013, moving to a mobile first approach and using a flat design.
On October 29, 2014, Mark Otto announced Bootstrap 4 was in development. The first alpha version of Bootstrap 4 was deployed on August 19, 2015.
With a small team of developers:
- Andres Galante
- Bardi Harborow
- Connor Sears
- Chris Rebert
- Justin Dorfman
- And More
Bootply – Bootply is known as the playground for Bootstrap. It’s not only a Bootstrap editor and builder, but it’s also home to a pretty extensive code repository. The editor enables you to drag and drop Bootstrap components then edit the code as you please. Bootply is also integrated with other popular Bootstrap plugins, microlibraries and frameworks. Some of the tools you can leverage are Font Awesome, jQuery + jQuery UI, Bootstrap Select, FuelUX, AngularJS, Google Maps, and much more. Pricing: Free or $4/month to download source code.
Jetstrap – Jetstrap is a premium webbased interface building tool for Bootstrap 3 that helps developers and designers get websites up and running fast. Develop for all devices and access your work from anywhere. Jetstrap allows you to drag and drop Bootstrap components into the builder then edit the code further. Instead of digging through docs, grab snippets of clean markup and quickly use complicated components.Pricing: $16 – $99 per month.
Divshot – Divshot is not only a visual Bootstrap editor, but also an applicationgrade hosting environment built for developers. The Bootstrap builder (known as Architect) enables you to create production quality code that’s properly nested with every new component. It also supports all other popular CSS frameworks like Foundation and Racthet, with new ones being added regularly. Pricing: Free – $100/month (with hosting).
Pinegrow – Pinegrow is a desktop app for Mac, Windows & Linux that lets you mockup & design webpages faster with multipage editing, CSS & LESS styling and smart components for Bootstrap, Foundation and other frameworks. The stylesheet editor lets you attach, detach, duplicate and reorder stylesheets. Pinegrow doesn’t try to take over your workflow. Rather, it is a tool that can be used to save effort and time, where it makes sense.Pricing: $49.95 for a onetime personal license.
LayoutIt – LayoutIt is a simple but effective Bootstrap interface builder to make your frontend coding easier. You can start from scratch or use one of the base templates. Simply drag and drop the Bootstrap elements onto the canvas and download the HTML. From there, you can add your own styling and integrate it with any programming language.Pricing: Free
Pingendo – Pingendo is a visual desktop application that helps you to prototype responsive web pages based on Bootstrap.Like most Bootstrap builders, you can add content from a rich collection of ready to use Bootstrap elements. You can start with a blank canvas or start your pages from a collection of ready to use layouts. From there you can drag, resize, and customize your contents.Pricing: Free Update!
Bootstrap Starter Kit – Bootstrap Starter Kit is more than just another Bootstrap template, it’s a collection of unique, professional Content Blocks, that can be pieced together by you to create unlimited layouts to suit any business. Use the draganddrop HTML Builder to quickly and visually create your perfect site, or copyand-paste your chosen blocks for greater control. Whatever your level of knowledge using Bootstrap and HTML, anyone can build a great responsive Bootstrap website.