BOOTSTRAP

 

BOOTSTRAP

Bootstrap is an open source and free  CSS framework directed at responsive, mobile-first front end web development. It contains CSS - and (optionally) javascript -based design templates for typography,button,navigation,forms and other interface components.

History of Bootstrap.

The first bootstrap was named as Twitter Blueprint and  was developed by Mark Otto and Jacob Thornton  at twitter as a framework to encourage consistency across internal tools.with the help of bootstrap

Why Bootstrap?

You can design a responsive website. Now first of all we have to know what is the responsive website – the responsive website is that website that adjust their page according to the screen. suppose you open a website in a laptop or any big screen then the page is showing multiple options but if it is opened in mobile or tablet then the options on the webpage get reduced this is called irresponsive. To remove this irresponsiveness you can make the website with the help of bootstrap.

Advantages of Bootstrap:

1. Anyone can use bootstrap because it is free and easy to use.

2.Responsive features

3.Mobile-first approach

4.Browser Compatibility

Features of Bootstrap:

The best components of Bootstrap are its layout components as they affect the entire web page. The basic layout component is called "Container", as every other element on the page is placed within it. Developers can select between a fixed-width container and a fluid-width container.  the latter always fills the width of the web page, the former uses one of the four predefined fixed widths, depending on the height and width of the screen showing the page:

·         Lesser than 576 pixels

·         576–768 pixels

·         768–992 pixels

·         992–1200 pixels

·         Greater than 1200 pixels

Once a container is in place, other Bootstrap layout components implement a CSS Flexbox layout through defining columns and rows.