001 Bootstrap Introduction

Bootstrap Introduction
 
     Bootstrap is free and open source library for website development and designing purpose. The main content of Bootstrap is HTML and CSS. Bootstrap was developed by Mark Otto and Jacob Thorn   at Twitter. Bootstrap is a  front end framework designing purpose only. Bootstrap 4 is the latest version Bootstrap , which is faster and responsive design  for mobile first websites.

         A Responsive design is that , a website automatically adjust itself on device view . A Responsive design will render different view on a desktop and a mobile phone.The design will adjust itself for larger and small screen. 

Advantages of Bootstrap

• Save time-Bootstrap predefined design templates and classes minimise your  development work.

• Responsive design-You can easily create responsive designs using Bootstrap.Web pages to appear appropriately on different devices and screen size and resolution without any change in markup.

• Consistent design-Bootstrap design are consistence as it use a central library for design layout.

• Easy to use-Bootstrap is very easy to use , with some basic HTML and CSS knowledge, you can implement Bootstrap successfully.

• Compatible with browsers-Bootstrap is compatible almost all modern browsers (Chrome, Firefox, Internet Explorer, Safari, and Opera). You do not need yo additional work to handle separate Browsers.

• Open Source-Bootstrap is completely free , open Source , downloadable and use.

Bootstrap can be added to the project in two ways . 

• Download Bootstrap  from getbootstrap.com 

• Include Bootstrap  from a CDN 

Download Bootstrap  from getbootstrap.com 
 

 

Include Bootstrap  from a CDN

After you include Bootstrap in your project , 
you will be able to do
 

• Develop responsive and mobile friendly website.

• Able to do faster web development than before.

• Will able to user templates for typography, forms, buttons, tables, navigation, modals, image carousels and many others based on HTML and CSS.

• Your design will be  compatible almost all modern browsers (Chrome, Firefox, Internet Explorer, Safari, and Opera).

File Structure of the Downloaded file

After you have download the file and unzip it , you will see the following file

bootstrap-3.3.7-dist

1. css

• bootstrap.css

• bootstrap.css.map

• bootstrap.min.css

• bootstrap.min.css.map

• bootstrap-theme.css

• bootstrap-theme.css.map

• bootstrap-theme.min.css

• bootstrap-theme.min.css.map

    2.fonts

• glyphicons-halflings-regular.eot

• glyphicons-halflings-regular.svg

• glyphicons-halflings-regular.ttf

• glyphicons-halflings-regular.woff

• glyphicons-halflings-regular.woff2

 3.js

•  bootstrap.js

•  bootstrap.min.js

•  npm.js