stop reinventing the wheel - faster web development with bootstrap framework
Post on 20-May-2015
2.053 Views
Preview:
DESCRIPTION
TRANSCRIPT
credit: http://www.aic.cuhk.edu.hk/web8/Reinventing%20the%20wheel.htm
Repeal
Bootstrap
<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>
<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
/* myCustomStylesheet.css */
.navbar-default {
background-color: #74716a;
border-color: #FFF;
}
/* bootstrap.css */
.navbar-default {
background-color: #f8f8f8;
border-color: #e7e7e7;
}
top related