Skip to content

Instantly share code, notes, and snippets.

@billynyh

billynyh/bootstrap.html

Created December 24, 2012 07:01
Show Gist options
  • Save billynyh/4368158 to your computer and use it in GitHub Desktop.
Save billynyh/4368158 to your computer and use it in GitHub Desktop.
Download ZIP
Bootstrap 2.2.2 + font-awesome + jquery cdn quick start template
Raw
bootstrap.html
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 2.2.2 Template</title>
<!-- Bootstrap -->
<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap.no-icons.min.css" rel="stylesheet">
<link href="http://netdna.bootstrapcdn.com/font-awesome/2.0/css/font-awesome.css" rel="stylesheet">
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js"></script>
<style type="text/css">
.sidebar-nav {
padding: 9px 0;
}
</style>
</head>
<body>
<div class="container">
<div class="row">
<div class="span12"><h1>Title</h1></div>
</div>
<div class="row">
<div class="span3">
<div class="well sidebar-nav">
<ul class="nav nav-list">
<li class="nav-header">Sidebar</li>
<li class="active"><a href="#"><i class="icon-bolt"></i>Link</a></li>
<li><a href="#"><i class="icon-beaker"></i>Link</a></li>
<li><a href="#"><i class="icon-github"></i>Link</a></li>
<li><a href="#"><i class="icon-comments-alt"></i>Link</a></li>
<li class="nav-header">Sidebar</li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li class="nav-header">Sidebar</li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</div><!--/.well -->
</div><!--/span-->
<div class="span9">
content
</div>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment