Created
November 8, 2013 01:07
-
-
Save billynyh/7364626 to your computer and use it in GitHub Desktop.
html template with bootstrap 3.0.2 cdn + jquery
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta charset="utf-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
<meta name="description" content=""> | |
<meta name="author" content=""> | |
<title>Starter Template for Bootstrap</title> | |
<!-- Bootstrap core CSS --> | |
<link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css" rel="stylesheet"> | |
<!-- Add custom CSS here --> | |
<style> | |
body {margin-top: 60px;} | |
.full-container { padding:0 15px;} | |
</style> | |
</head> | |
<body> | |
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> | |
<div class="full-container"> | |
<div class="navbar-header"> | |
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"> | |
<span class="sr-only">Toggle navigation</span> | |
<span class="icon-bar"></span> | |
<span class="icon-bar"></span> | |
<span class="icon-bar"></span> | |
</button> | |
<a class="navbar-brand" href="index.php">Bootstrap CDN Template</a> | |
</div> | |
<!-- Collect the nav links, forms, and other content for toggling --> | |
<div class="collapse navbar-collapse navbar-ex1-collapse"> | |
<ul class="nav navbar-nav"> | |
<li><a href="#about">About</a></li> | |
<li><a href="#services">Services</a></li> | |
<li><a href="#contact">Contact</a></li> | |
</ul> | |
</div><!-- /.navbar-collapse --> | |
</div><!-- /.container --> | |
</nav> | |
<div class="full-container"> | |
<div class="row"> | |
<div class="col-lg-12"> | |
<h1>A better Bootstrap starter template.</h1> | |
<p>Complete with pre-defined file paths that you won't have to change!</p> | |
</div> | |
</div> | |
</div><!-- /.container --> | |
<!-- Bootstrap core JavaScript --> | |
<!-- Placed at the end of the document so the pages load faster --> | |
<!-- Make sure to add jQuery - download the most recent version at http://jquery.com/ --> | |
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> | |
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.2/js/bootstrap.min.js"></script> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment