Check out new amazing benefits of a PRO account!

99

Bootstrap

Bootstrap is a front-end framework with a focus on providing tools for faster front-end development. Bootstrap quickly became famous in the last few years, and now it is being used in many major projects. On Livecoding, we have tons of videos for you to check out on Bootstrap! They range from beginner to expert level, and always have something to show new to show. Watch the process and workflow of Bootstrap coders from San Francisco, New York, London and Beijing. read more ...

Introduction to Bootstrap Frontend Framework (Reference)

Bootstrap is a free and open­source front­end web framework for designing websites and web applications. It contains HTML­ and CSS­based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions. Unlike many web frameworks, it concerns itself with front­end development only.

Bootstrap is the second most­starred project on GitHub, with over 95 thousand stars and more than 40 thousand forks.

History of Bootstrap (Reference)

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 hackathon­style 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 twelve­column 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.

Bootstrap Tools (Reference)

  • 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, micro­libraries 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.
  • Brix.io Brix is a powerful and sleek looking online Bootstrap builder that enables you to create responsive interfaces & websites faster than ever. Brix produces easily readable, smooth and well­formatted HTML, CSS & JS for use with any hosting service or other editor.Brix also enables you to create projects simultaneously with team members no matter where they are. Concurrent editing and commenting makes collaboration easy, convenient and efficient. Pricing: $14.90 – $49.90 per month.
  • Jetstrap Jetstrap is a premium web­based 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 application­grade 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 multi­page 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 one­time personal license.
  • LayoutIt LayoutIt is a simple but effective Bootstrap interface builder to make your front­end 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 drag­and­drop HTML Builder to quickly and visually create your perfect site, or copy­and-paste your chosen blocks for greater control. Whatever your level of knowledge using Bootstrap and HTML, anyone can build a great responsive Bootstrap website.

Bootstrap Best Books

  • Book cover

    Bootstrap

    by Jake Spurlock

    Discover how easy it is to design killer interfaces and responsive websites with the Bootstrap framework. This practical book gets you started building pages with Bootstrap’s HTML/CSS­based tools and design templates right away. You’ll also learn how to extend your app with interactive features, using its suite of jQuery plugins—often without writing a single line of code.

  • Book cover

    Learning Bootstrap

    by Aravind Shenoy, Kevin Faustino

    Whether you are a beginner, a budding or intermediate web developer, if you want to learn to build enterprise-level websites efficiently with Bootstrap, this book is for you. You must have basic and fundamental understanding of HTML, CSS, and JavaScript; however, there is no need to have prior Bootstrap experience.

  • Book cover

    Jump Start Bootstrap

    by Syed Fazle Rahman

    Get a Jump Start on building applications with Bootstrap today!

    Originally developed by Twitter, Bootstrap is a framework that making the once­arduous process of crafting fully responsive web designs a breeze! Discover why Bootstrap is fast becoming a favorite tool of top web designers.

  • Book cover

    Bootstrap By Example

    by Silvio Moreto Pereira

    Become an expert in Bootstrap framework, and speed up front­end development and prototyping through real­life examples.

    An applied guide exploring two web applications such as Twitter and Dashboard from scratch.

  • Book cover

    Bootstrap Site Blueprints

    by David M. Cochran, Ian Whitley

    A hands­on guide with projects based on fictitious, but common, application development briefs, which will illustrate practical ways of applying responsive web design with Bootstrap.

  • Book cover

    Mobile­first Bootstrap

    by Alexandre Magno

    Bootstrap changes the way we develop websites in the frontend, and mobile web development has grown incredibly over the past few years. There are over 1.2 billion mobile web users in the world, and 25% of those mobile web users are exclusively mobile. Now, Bootstrap has also gone mobile­first. The mobile­first version of Bootstrap lets you first think about the mobile site and then think about how it expands to larger screens.

Bootstrap Projects (Reference)

Ubbber Ride Uber at a third of the price!

Explore this project!
Ubbber

Momentum­ One Page Creative Template. Momentum is a one page HTML5 creative template based on Bootstrap. The design is suitable for creative agencies, freelancers, personal portfolios and more. It can also be easily modified for any purpose.

Explore this project!
Momentum

MaxGalleria WordPress Gallery Plugin Website offering a free WordPress gallery plugin (with premium add­ons).

Explore this project!
MaxGalleria

Workstack A powerful and simple app to help you plan any resource.

Explore this project!
Workstack

PukkaTeam A simple web app to keep remote and distributed teams more connected. Built with Bootstrap and Laravel Spark.

Explore this project!
PukkaTeam

Bootstrap Community

You can contribute to the Bootstrap community by going to their forums and interacting with other members!

Bootstrap Gurus (Reference)

Rockstars!
  • Flavio Escobar

    Flavio Escobar

    Flavio is a top developer and an aspiring entrepreneur. He has extensive experience and skills with web and game development, and is also proficient with mobile applications. He is a master of PHP, JavaScript, and ActionScript.

    Flavio’s Website
  • Sanjin Cabaravdic

    Sanjin is a seasoned programmer with significant experience in an impressive variety of languages and technologies. He has created many successful Android applications and Flash games, some of which have won awards. He has worked as project leader several times, assuring timely product completion.

    Sanjin’s Toptal Profile
    Sanjin  Cabaravdic
  • Franco Risso

    Franco Risso

    Franco has been working on PHP, MySQL, and JavaScript since the dark days of Internet Explorer 5. He loves REST APIs to separate consumers from providers and TDD to improve code quality. He thrives in Laravel framework for PHP and AngularJS for JavaScript. He has read extensively on startups and believes in their potential to bolster the economy and social progress. He is a proactive individual, constantly striving to improve his work.

    Linkedin
  • Tomislav Bacinger

    Tomislav is a lead software engineer and entrepreneur with extensive experience in design and development of web, mobile, and desktop applications. He has an excellent knowledge of various geospatial technologies, and great passion for maps and visualizations. He is flexible and able to integrate as a standalone freelancer or within teams.

    Linkedin
    Tomislav  Bacinger
  • Kresimir Pendic

    Kresimir Pendic

    Kresimir has over five years of experience developing custom modules (plugins) and themes for WordPress CMS, Magento platform, and front­end UI. He has been known to fiddle with custom JavaScript and develop for strictly front­end and mobile grounds. His communication is very good, and his level of dedication is impressive.

    Kresimir’s Website

Bootstrap Conferences

  • Anglebrackets Conference

    Anglebrackets brings together open source collaborators on Angular, HTML 5, ASP.net, bootstrap, Node.js and more - it's THE conference for lovers of the open web. United States, Las Vegas

  • Salzburg Web Dev ­ Meetup 2013 September

    Meetup is the world's largest network of local groups. Meetup makes it easy for anyone to organize a local group or find one of the thousands already meeting up face­to­face. More than 9,000 groups get together in local communities each day, each one with the goal of improving themselves or their communities. Austria, Salzburg

  • ColdFusion User Group Belgium

    In this session we will explain what Coldbox is, how it works, and how we used it for our web application "Tilroy". Lean has been around for a very long time in the manufacturing industry. But in the last couple of years it has been gaining momentum in the service industry as well. Belgium, Brussels

  • Refresh Boston: Up and Running with Bootstrap

    Refresh is a community of designers and developers working to refresh the creative, technical, & professional culture of New Media endeavors in the Boston area while promoting design, technology, usability, and standards. United States, Cambridge

  • WorthingDigital: Responsive web development with Twitter Bootstrap & LESS

    WorthingDigital is a community of locals from various backgrounds with a common interest in all things, digital, media and online. England, Worthing

Error image

Sorry but your browser is out of date - please install a new browser such as Google Chrome