Introduction to Bootstrap

Bootstrap is a sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development. It is a free and open-source collection of tools for creating 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. It aims to ease the development of dynamic websites and web applications.

Bootstrap was developed by Mark Otto and Jacob Thornton at Twitter. It was released as an open source product in August 2011 on GitHub.

What is actually bootstrap?

* Bootstrap is a free front-end framework for faster and easier web development

* Bootstrap includes HTML and CSS based design templates for typography, forms, buttons, tables, navigation, modals, image carousels and many other, as well as optional JavaScript plugins

* Bootstrap also gives you the ability to easily create responsive designs

Why you should use a bootstrap?

* Mobile first approach: Since Bootstrap 3, the framework consists of Mobile first styles throughout the entire library instead of in separate files.

* Browser Support: It is supported by all popular browsers.

* Easy to get started: With just the knowledge of HTML and CSS anyone can get started with Bootstrap

* Responsive design: Bootstrap's responsive CSS adjusts to Desktops, Tablets and



* Provides a clean and uniform solution for building an interface for developers.

* It contains beautiful and functional built-in components which are easy to


* Provides a clean and uniform solution for building an interface for developers. * It contains beautiful and functional built-in components which are easy to customize.

* It also provides web based customization.

* And best of all it is an open source

History of bootstrap

In 2011, Bootstrap was created as an internal solution to solve developing inconsistencies within Twitter’s engineering team. Basically, there was no set code-structure in the way that engineers at Twitter chose to develop the platform. Web-developing and web-engineering is a craft, many would say it’s an art, and each engineer has their own way of doing things. That works in some cases, but when there are multiple engineers working on the same project with slightly different coding approaches, inconsistencies are inevitable. Inconsistencies in web-engineering can simmer and evolve into deep rooted coding issues that create uncertainty and increase maintenance time.

Bootstrap was a tool originally developed by (now former) Twitter engineers Mark Otto and Jacob Thorton as an

attempt to encourage Twitter’s engineering team to use the same framework to minimize those inconsistencies. Needless to say, the Bootstrap initiative succeeded at Twitter as the entire team worked faster, more efficiently and with fewer inconsistencies.

Although it started as an internal solution at Twitter, Mark and Jacob quickly realized that they were on to something much greater. In August of 2011, the Bootstrap framework was released as an open-source project on Github. Within the next few months thousands of developers around the world contributed to the code and Bootstrap became the most active open-source development project in the world. Since then, Bootstrap has only gained in notoriety and has become “the most popular front-end framework for developing responsive, mobile first projects on the web”

Mark Otto and Jacob Thornton was developed Bootstrap which originally named Twitter Blueprint as Twitter.Bootstrap is 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 small group of developers began to contribute to the project and renamed them from Twitter Blueprint to Bootstrap and released as an open source project.

On January 31, 2012, Bootstrap 2 was announced. The Bootstrap 3 release was announced on 19 August, 2013, moving to a mobile first approach and using a flat design.

On April 23, 2015, Mark Otto announced Bootstrap 4 is in development.

To be continued in another post “Bootstrap part 2”.

Leave a comment

Your email address will not be published. Required fields are marked *