Table Of Content

Introducing Bootstrap

View more Tutorials:

1- What is Bootstrap?

A Website is called  "Reponsive" If it is compatible with the devices with different screen sizes such as computers, tablets, mobiles.
Before 2013, a website wanted to be compatible with computers and mobiles, programmers had to write two different projects. The first project was a web application for computer or tablet users and the second project was a web application for the users of devices with small screens like mobiles. This actually caused difficulties in maintenance and upgrading of  website because you had to do it for both projects. In addition, both of them had to be deployed on two different domains, for example:
  • http://somewebsite.com
  • http://mobile.somewesite.com
2013 is considered as the Year of  "Responsive" web design because users are increasingly fond of small hand devices such as tablets and smartphones. The behavior of majority of users has changed. They gradually change into reading their news through mobile devices.

Bootstrap

Bootstrap is a free, open source framework, based on  HTML, CSS & Javascript. It is created to build the website interfaces compatible with all equipment with different screen sizes.
The Bootstrap includes available basic things such as  typography, forms, buttons, tables, navigation, modals, image carousels and others. It also has a lot of  Components, Javascripts to support designing your  Reponsive easily, in friendly manner and faster.
At present, the  Bootstrap is one of frameworks used most in the world to create  Responsive Websites. The  Bootstrap has created a separate standard and is preferred by programmers. Basically, the  Bootstrap has 3 advantages:
  1. Easy-to-use: Because the Bootstrap is built on HTML, CSS & Javascript.
  2. Responsive: The Bootstrap has built-in "Responsive Css" compatible with different devices, therefore, you only need to learn how to use them. This feature helps save a lot of time for users when creating friendly websites.
  3. Compatible with browsers: It is compatible with all browsers (Chrome, Firefox, Internet Explorer, Safari, Opera). However, for IE, Bootstrap 4 supports only IE10 or higher.

History of Bootstrap:

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.
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.

Bootstrap Versions:

Version Release dat Main content
1.0 19/08/2011 The first version of Bootstrap, not supporting Mobile.
2.0 31/01/2012 Add  12-column Grid-Layout . Add some new components and change a few available components, not supporting Mobile.
3.0 19/08/2013 The components are redesigned by a flat design style and support Mobile devices for the first time.
4.0 19/01/2018 Bootstrap 4 almost completely rewritten from Bootstrap 3, and is evaluated to be much easier to use than the previous version.

View more Tutorials: