stop reinventing the wheel - faster web development with bootstrap framework
DESCRIPTION
Just as jQuery transformed JavaScript development, Bootstrap is enhancing the front end development. Released less than two years ago, it has become very popular and is used by NASA, NBC, Discovery Channel and White House websites. Bootstrap includes a responsive grid system, typography, pre-styled elements and JavaScript plugins for commonly used functions. It saves a significant amount of time you would normally waste writing the same code for each new project. Learn how get started with Bootstrap, see useful examples and build a responsive single page website from start to finish.TRANSCRIPT
![Page 1: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/1.jpg)
![Page 2: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/2.jpg)
![Page 3: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/3.jpg)
![Page 4: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/4.jpg)
![Page 5: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/5.jpg)
![Page 6: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/6.jpg)
![Page 7: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/7.jpg)
![Page 8: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/8.jpg)
![Page 9: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/9.jpg)
credit: http://www.aic.cuhk.edu.hk/web8/Reinventing%20the%20wheel.htm
![Page 10: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/10.jpg)
![Page 11: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/11.jpg)
![Page 12: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/12.jpg)
![Page 13: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/13.jpg)
![Page 14: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/14.jpg)
![Page 15: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/15.jpg)
![Page 16: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/16.jpg)
![Page 17: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/17.jpg)
![Page 18: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/18.jpg)
![Page 19: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/19.jpg)
![Page 20: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/20.jpg)
![Page 21: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/21.jpg)
![Page 22: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/22.jpg)
Repeal
Bootstrap
![Page 23: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/23.jpg)
![Page 24: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/24.jpg)
![Page 25: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/25.jpg)
![Page 26: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/26.jpg)
![Page 27: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/27.jpg)
![Page 28: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/28.jpg)
![Page 29: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/29.jpg)
![Page 30: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/30.jpg)
![Page 31: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/31.jpg)
![Page 32: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/32.jpg)
![Page 33: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/33.jpg)
![Page 34: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/34.jpg)
![Page 35: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/35.jpg)
![Page 36: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/36.jpg)
![Page 37: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/37.jpg)
![Page 38: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/38.jpg)
![Page 39: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/39.jpg)
![Page 40: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/40.jpg)
![Page 41: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/41.jpg)
![Page 42: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/42.jpg)
![Page 43: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/43.jpg)
![Page 44: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/44.jpg)
<head>
<title>Gaurav Gupta</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/myCustomStylesheet.css">
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
</head>
<body>
<header></header>
<nav></nav>
<section></section>
<section></section>
<section></section>
<section></section>
<footer></footer>
<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
![Page 45: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/45.jpg)
![Page 46: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/46.jpg)
![Page 47: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/47.jpg)
![Page 48: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/48.jpg)
![Page 49: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/49.jpg)
![Page 50: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/50.jpg)
<div class="row">
<div class="col-md-4">col-md-4</div>
<div class="col-md-8">col-md-8</div>
</div>
col-md-8col-md-4
screen size prefixes
relative width of columns
numbers must add up to 12
![Page 51: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/51.jpg)
![Page 52: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/52.jpg)
![Page 53: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/53.jpg)
![Page 54: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/54.jpg)
![Page 55: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/55.jpg)
![Page 56: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/56.jpg)
![Page 57: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/57.jpg)
![Page 58: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/58.jpg)
![Page 59: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/59.jpg)
![Page 60: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/60.jpg)
![Page 61: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/61.jpg)
![Page 62: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/62.jpg)
![Page 63: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/63.jpg)
![Page 64: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/64.jpg)
![Page 65: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/65.jpg)
/* myCustomStylesheet.css */
.navbar-default {
background-color: #74716a;
border-color: #FFF;
}
/* bootstrap.css */
.navbar-default {
background-color: #f8f8f8;
border-color: #e7e7e7;
}
![Page 66: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/66.jpg)
![Page 67: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/67.jpg)
![Page 68: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/68.jpg)
![Page 69: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/69.jpg)
![Page 70: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/70.jpg)
![Page 71: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/71.jpg)
![Page 72: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/72.jpg)
![Page 73: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/73.jpg)
![Page 74: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/74.jpg)
![Page 75: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/75.jpg)
![Page 76: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/76.jpg)
![Page 77: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/77.jpg)
![Page 79: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/79.jpg)
![Page 80: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/80.jpg)
![Page 81: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/81.jpg)
![Page 82: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/82.jpg)
![Page 83: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/83.jpg)
![Page 84: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/84.jpg)
![Page 85: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/85.jpg)
![Page 86: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/86.jpg)
![Page 87: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/87.jpg)
![Page 88: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/88.jpg)
![Page 89: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/89.jpg)
![Page 90: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/90.jpg)
![Page 91: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/91.jpg)
![Page 92: Stop Reinventing the Wheel - Faster Web Development with Bootstrap Framework](https://reader034.vdocuments.net/reader034/viewer/2022042700/555c237cd8b42a09438b4ada/html5/thumbnails/92.jpg)