6 Reasons to choose bootstrap
1. Easy to integrate
You can easily integrate bootstrap in HTML. It provide libraries which are included in the link available on the official website of bootstrap. You can include the Css and JavaScript file in your head tag and can use all the class and java Script predefined scripts.
2. Pre-defined Content
In bootstrap there are many files which are already included in the libraries such as alert, navbar, nav, image slider, popups and many more.
3. Mobile Friendly
4. Increase speed
Css and JavaScript file of bootstrap is available online and offline. You can use CDN File to increase page performance
5. Icons
6. Single Script File for all JavaScript Programs
2. Pre-defined Content
In bootstrap there are many files which are already included in the libraries such as alert, navbar, nav, image slider, popups and many more.
3. Mobile Friendly
One of the major use of bootstrap is that it is mobile friendly. i.e media queries are predefined.
Mobile website first is the main priority of bootstrap.
This is very important reason to choose bootstrap and we do not have to define css for that change.
We can add our own css in the file to over ride it accordingly
4. Increase speed
Css and JavaScript file of bootstrap is available online and offline. You can use CDN File to increase page performance
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
5. Icons
Earlier we use PNG for print delete in our HTML page. After bootstrap we can add text for download, edit and so on. This also increases page performance because now the icon is generating from text and do not require image load time.
We can use them like <i class="fa fa-edit"></i>. This will show pencil image on page. To use this we have to add font awesome library.
We can also use glyphicons in same way for the same purpose.
6. Single Script File for all JavaScript Programs
Additional feature of bootstrap is that is need only bootstrap js plugin and jquery library to run and comparing to jquery. In jquery we have to many many jquery library to run different programs.
