Skip to content

Instantly share code, notes, and snippets.

@coreyweb

coreyweb/Bootstrap 3 Starter Template

Created May 11, 2014 16:00
Show Gist options
  • Save coreyweb/10626e75088a2298d776 to your computer and use it in GitHub Desktop.
Save coreyweb/10626e75088a2298d776 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Bootstrap 3 Starter Template
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="">
<title>Bootstrap 3 Starter</title>
<!-- Bootstrap -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<!-- Optional theme -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css">
<!-- web fonts -->
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- Favicons -->
<link rel="apple-touch-icon" sizes="57x57" href="path-to-favicons/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="114x114" href="path-to-favicons/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="72x72" href="path-to-favicons/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="144x144" href="path-to-favicons/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="60x60" href="path-to-favicons/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="120x120" href="path-to-favicons/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="76x76" href="path-to-favicons/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="152x152" href="path-to-favicons/apple-touch-icon-152x152.png">
<link rel="icon" type="image/png" href="path-to-favicons/favicon-196x196.png" sizes="196x196">
<link rel="icon" type="image/png" href="path-to-favicons/favicon-160x160.png" sizes="160x160">
<link rel="icon" type="image/png" href="path-to-favicons/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="path-to-favicons/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="path-to-favicons/favicon-32x32.png" sizes="32x32">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-TileImage" content="/mstile-144x144.png">
</head>
<body>
<header class="navbar navbar-static-top bs-docs-nav" id="top" role="banner">
<div class="container">
<div class="navbar-header">
<button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-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 href="../" class="navbar-brand">Bootstrap</a>
</div>
<nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
<ul class="nav navbar-nav">
<li>
<a href="../getting-started">Getting started</a>
</li>
<li class="active">
<a href="../css">CSS</a>
</li>
<li>
<a href="../components">Components</a>
</li>
<li>
<a href="../javascript">JavaScript</a>
</li>
<li>
<a href="../customize">Customize</a>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="http://expo.getbootstrap.com" onclick="_gaq.push(['_trackEvent', 'Navbar', 'Community links', 'Expo']);">Expo</a></li>
<li><a href="http://blog.getbootstrap.com" onclick="_gaq.push(['_trackEvent', 'Navbar', 'Community links', 'Blog']);">Blog</a></li>
</ul>
</nav>
</div>
</header>
<div class="container-fluid">
<div class="row">
<h1>Headline</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div><!-- .row -->
</div><!-- .container-fluid -->
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/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