diff options
| author | Mark Otto <[email protected]> | 2013-02-14 23:38:00 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2013-02-14 23:38:00 -0800 |
| commit | aa5f09037133f22093c4b97d15451d4e54180ba2 (patch) | |
| tree | 6bad3d35ed53f3be0a1d57237a9d676e3513dcf0 /docs/examples/starter-template.html | |
| parent | 41ef649aa31745537674908d2f4d4f161f4867a5 (diff) | |
| download | bootstrap-aa5f09037133f22093c4b97d15451d4e54180ba2.tar.xz bootstrap-aa5f09037133f22093c4b97d15451d4e54180ba2.zip | |
Make example pages use Jekyll; add sticky footer navbar image to examples
Diffstat (limited to 'docs/examples/starter-template.html')
| -rw-r--r-- | docs/examples/starter-template.html | 124 |
1 files changed, 41 insertions, 83 deletions
diff --git a/docs/examples/starter-template.html b/docs/examples/starter-template.html index 4377fb620..d8cbfdd70 100644 --- a/docs/examples/starter-template.html +++ b/docs/examples/starter-template.html @@ -1,87 +1,45 @@ -<!DOCTYPE html> -<html lang="en"> - <head> - <meta charset="utf-8"> - <title>Starter template · Bootstrap</title> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <meta name="description" content=""> - <meta name="author" content=""> - - <!-- Bootstrap core CSS --> - <link href="../assets/css/bootstrap.css" rel="stylesheet"> - - <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries --> - <!--[if lt IE 9]> - <script src="../assets/js/html5shiv.js"></script> - <script src="../assets/js/respond/respond.min.js"></script> - <![endif]--> - - <!-- Fav and touch icons --> - <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png"> - <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png"> - <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png"> - <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png"> - <link rel="shortcut icon" href="../assets/ico/favicon.png"> - - <!-- Custom styles for this template --> - <style> - body { - padding-top: 50px; - } - .starter-template { - padding: 40px 15px; - text-align: center; - } - </style> - </head> - - <body> - - <div class="navbar navbar-inverse navbar-fixed-top"> - <div class="navbar-inner"> - <div class="container"> - <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> - <span class="icon-bar"></span> - <span class="icon-bar"></span> - <span class="icon-bar"></span> - </button> - <a class="brand" href="#">Project name</a> - <div class="nav-collapse collapse"> - <ul class="nav"> - <li class="active"><a href="#">Home</a></li> - <li><a href="#about">About</a></li> - <li><a href="#contact">Contact</a></li> - </ul> - </div><!--/.nav-collapse --> - </div> - </div> - </div> - +--- +layout: example +title: Starter template +--- + +<!-- Custom styles for this template --> +<style> + body { + padding-top: 50px; + } + .starter-template { + padding: 40px 15px; + text-align: center; + } +</style> + + +<div class="navbar navbar-inverse navbar-fixed-top"> + <div class="navbar-inner"> <div class="container"> + <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + <span class="icon-bar"></span> + </button> + <a class="brand" href="#">Project name</a> + <div class="nav-collapse collapse"> + <ul class="nav"> + <li class="active"><a href="#">Home</a></li> + <li><a href="#about">About</a></li> + <li><a href="#contact">Contact</a></li> + </ul> + </div><!--/.nav-collapse --> + </div> + </div> +</div> - <div class="starter-template"> - <h1>Bootstrap starter template</h1> - <p class="lead">Use this document as a way to quickly start any new project.<br> All you get is this text and a mostly barebones HTML document.</p> - </div> - - </div><!-- /container --> +<div class="container"> - <!-- Bootstrap core JavaScript - ================================================== --> - <!-- Placed at the end of the document so the pages load faster --> - <script src="../assets/js/jquery.js"></script> - <script src="../assets/js/bootstrap-transition.js"></script> - <script src="../assets/js/bootstrap-alert.js"></script> - <script src="../assets/js/bootstrap-modal.js"></script> - <script src="../assets/js/bootstrap-dropdown.js"></script> - <script src="../assets/js/bootstrap-scrollspy.js"></script> - <script src="../assets/js/bootstrap-tab.js"></script> - <script src="../assets/js/bootstrap-tooltip.js"></script> - <script src="../assets/js/bootstrap-popover.js"></script> - <script src="../assets/js/bootstrap-button.js"></script> - <script src="../assets/js/bootstrap-collapse.js"></script> - <script src="../assets/js/bootstrap-carousel.js"></script> - <script src="../assets/js/bootstrap-typeahead.js"></script> + <div class="starter-template"> + <h1>Bootstrap starter template</h1> + <p class="lead">Use this document as a way to quickly start any new project.<br> All you get is this text and a mostly barebones HTML document.</p> + </div> - </body> -</html> +</div><!-- /container -->
\ No newline at end of file |