What is Bootstrap? - How to use Bootstrap js?
Introduction to Bootstrap
You are probably heard about responsive design now a days. Considering the new generation of web design, responsive design is a most talked topic these days. Actually, it is noticed in last 3 years, more internet traffic came through mobile devices rather than laptops and desktops. and that is why web developers asked to develop such web application which is supported by any device. So Bootstrap js is one of the best framework available to do so.
|What is bootstrap and Why use?|
- Speed up of your Web Development
- Make your Web Form Responsive
- Keep your design element consistent
Understanding Bootstrap file structure
| |—— bootstrap.css
| |—— bootstrap.min.css
| |—— bootstrap-theme.css
| |—— bootstrap-theme.min.css
| |—— bootstrap.js
| |—— bootstrap.min.js
| |—— glyphicons-halflings-regular.eot
| |—— glyphicons-halflings-regular.svg
| |—— glyphicons-halflings-regular.ttf
| |—— glyphicons-halflings-regular.woff
|Bootstrap 3 example|
How to use bootstrap in html page
So you have understood the file structure and now it is time to put Bootstrap to real time use. Find the below bootstrap example code :-
<title>how to use bootstrap in html and css</title>
<meta name="viewport" content="width=device-width, initialscale=1.0">
<link rel="stylesheet" type="text/css"
So now we are all set to develop any website or web application by using Bootstrap framework.