rhythmpatel
6/2/2014 - 8:45 AM

Bootstrap Starter

Bootstrap Starter

style.css
content_copyfile_download
@charset "utf-8";
/* CSS Document */

/* ==========================================================================
   Reset
   ========================================================================== */
html { -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */}
body { margin: 0px; padding: 0px; color: #666; }
		
h1,h2,h3,h4,h5,h6,
ul,ol,li,
form,input,textarea,select { margin: 0; padding: 0; }
header, nav, article, footer, address, section { display: block; }
p {	margin: 10px 0; }
img { border: 0; }
a { text-decoration: none; outline: none; color: #09f; }
a:link, a:hover { text-decoration: underline; color: #09f; }

/**:focus { outline: none; }
*::-moz-focus-inner { border: 0; }*/


/* ==========================================================================
   General
   ========================================================================== */

.left {	text-align: left !important; }
.right { text-align: right !important; }
.center { text-align: center !important; }
.justify { text-align: justify !important; }

.nofloat { float: none !important; }
.float-left { float: left !important; }
.float-right { float: right !important; }
.clear { clear: both; }

.block { display: block !important; }
.inline-block { display: inline-block !important; }
.inline { display: inline !important; }

.absolute { position: absolute !important; }
.relative { position: relative !important; }
.fixed { position: fixed !important; }

.shadow { .border-color: rgba(0, 0, 0, 0); border-left-style: none; border-right-style: none; border-top-style: none; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); }

.mt10 { margin-top: 10px; }
.mb10 { margin-bottom: 10px; }



/* ==========================================================================
   Layout
   ========================================================================== */
   
#wrapper { width: 100%; background: #f0f0f0; }
.innerwrap { width: 980px; margin: 0 auto; }


/* Small devices (480px and up) */
@media (min-width: 480px) {

}


/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {


}


/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 


}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 

}
index.html
content_copyfile_download
<!DOCTYPE html>
<html lang="en">
<title>Page Title</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-theme.css" rel="stylesheet">
<!-- Custom -->
<link href="css/fonts/fonts.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">

<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
</head>

<body>
<div id="wrapper" class="clearfix">
	<div id="header">
     	<div class="container">
          	<div class="row">
                    
               </div>
          </div>
     </div>
     <div id="content">
     
     </div>
     <div id="footer">
     
     </div>
</div>


<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
<script>

$(document).ready(function(e) {
     
});

</script>
</body>
</html>