Skip to content

B
bootstrap
Commit aa5f0903 authored by Mark Otto's avatar Mark Otto
Browse files
Options

Make example pages use Jekyll; add sticky footer navbar image to examples

parent 41ef649a
Expand all Show whitespace changes
Inline Side-by-side
Showing with 1087 additions and 1451 deletions
_config.yml
View file @ aa5f0903
# Dependencies
markdown: rdiscount markdown: rdiscount
permalink: pretty
pygments: true pygments: true
# Permalinks
permalink: pretty
# Server
auto: true
source: ./docs source: ./docs
destination: ./_gh_pages destination: ./_gh_pages
auto: true
server_port: 9001
url: http://bootstrap.dev:9001 url: http://bootstrap.dev:9001
server_port: 9001
docs/examples/carousel.html
View file @ aa5f0903
This diff is collapsed.
docs/examples/jumbotron-narrow.html
View file @ aa5f0903
<!DOCTYPE html> ---
<html lang="en"> layout: example
<head> title: Narrow page template
<meta charset="utf-8"> ---
<title>Narrow page template &middot; Bootstrap</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Custom styles for this template -->
<meta name="description" content=""> <style>
<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>
/* Space out content a bit */ /* Space out content a bit */
body { body {
padding-top: 20px; padding-top: 20px;
...@@ -95,14 +75,11 @@ ...@@ -95,14 +75,11 @@
margin-bottom: 30px; margin-bottom: 30px;
} }
} }
</style> </style>
</head>
<body>
<div class="container-narrow"> <div class="container-narrow">
<div class="masthead"> <div class="masthead">
<ul class="nav nav-pills pull-right"> <ul class="nav nav-pills pull-right">
<li class="active"><a href="#">Home</a></li> <li class="active"><a href="#">Home</a></li>
...@@ -148,26 +125,4 @@ ...@@ -148,26 +125,4 @@
<p>&copy; Company 2013</p> <p>&copy; Company 2013</p>
</div> </div>
</div> <!-- /container --> </div> <!-- /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>
</body>
</html>
docs/examples/jumbotron.html
View file @ aa5f0903
<!DOCTYPE html> ---
<html lang="en"> layout: example
<head> title: Jumbotron template
<meta charset="utf-8"> ---
<title>Jumbotron template &middot; Bootstrap</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Bootstrap core CSS --> <!-- Custom styles for this template -->
<link href="../assets/css/bootstrap.css" rel="stylesheet"> <style>
<!-- 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>
/* Move down content because we have a fixed navbar that is 50px tall */ /* Move down content because we have a fixed navbar that is 50px tall */
body { body {
padding-top: 50px; padding-top: 50px;
...@@ -55,12 +35,9 @@ ...@@ -55,12 +35,9 @@
padding: 0; padding: 0;
} }
} }
</style> </style>
</head>
<body> <div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="container"> <div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span> <span class="icon-bar"></span>
...@@ -93,9 +70,9 @@ ...@@ -93,9 +70,9 @@
</form> </form>
</div><!--/.nav-collapse --> </div><!--/.nav-collapse -->
</div> </div>
</div> </div>
<div class="container"> <div class="container">
<!-- Main jumbotron for a primary marketing message or call to action --> <!-- Main jumbotron for a primary marketing message or call to action -->
<div class="jumbotron"> <div class="jumbotron">
...@@ -132,26 +109,4 @@ ...@@ -132,26 +109,4 @@
</footer> </footer>
</div> </div>
</div> <!-- /container --> </div> <!-- /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>
</body>
</html>
docs/examples/justified-nav.html
View file @ aa5f0903
<!DOCTYPE html> ---
<html lang="en"> layout: example
<head> title: Justified nav template
<meta charset="utf-8"> ---
<title>Justified nav template &middot; Bootstrap</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Custom styles for this template -->
<meta name="description" content=""> <style>
<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 { body {
padding-top: 20px; padding-top: 20px;
...@@ -38,12 +18,6 @@ ...@@ -38,12 +18,6 @@
padding-right: 15px; padding-right: 15px;
} }
/* Custom container */
/* .container > hr {
margin: 60px 0;
}
*/
.footer { .footer {
border-top: 1px solid #ddd; border-top: 1px solid #ddd;
margin-top: 30px; margin-top: 30px;
...@@ -115,14 +89,11 @@ ...@@ -115,14 +89,11 @@
/* Make the nav on the same line */ /* Make the nav on the same line */
} }
</style> </style>
</head>
<body>
<div class="container"> <div class="container">
<div class="masthead"> <div class="masthead">
<h3 class="muted">Project name</h3> <h3 class="muted">Project name</h3>
...@@ -172,26 +143,4 @@ ...@@ -172,26 +143,4 @@
<p>&copy; Company 2013</p> <p>&copy; Company 2013</p>
</div> </div>
</div> <!-- /container --> </div> <!-- /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>
</body>
</html>
docs/examples/signin.html
View file @ aa5f0903
<!DOCTYPE html> ---
<html lang="en"> layout: example
<head> title: Sign in form template
<meta charset="utf-8"> ---
<title>Sign in form template &middot; Bootstrap</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Bootstrap core CSS --> <!-- Custom styles for this template -->
<link href="../assets/css/bootstrap.css" rel="stylesheet"> <style>
<!-- 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 { body {
padding-top: 40px; padding-top: 40px;
...@@ -69,14 +49,11 @@ ...@@ -69,14 +49,11 @@
border-top-right-radius: 0; border-top-right-radius: 0;
} }
</style> </style>
</head>
<body>
<div class="container"> <div class="container">
<form class="form-signin"> <form class="form-signin">
<h2 class="form-signin-heading">Please sign in</h2> <h2 class="form-signin-heading">Please sign in</h2>
...@@ -88,26 +65,4 @@ ...@@ -88,26 +65,4 @@
<button class="btn btn-large btn-primary btn-block" type="submit">Sign in</button> <button class="btn btn-large btn-primary btn-block" type="submit">Sign in</button>
</form> </form>
</div> <!-- /container --> </div> <!-- /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>
</body>
</html>
docs/examples/starter-template.html
View file @ aa5f0903
<!DOCTYPE html> ---
<html lang="en"> layout: example
<head> title: Starter template
<meta charset="utf-8"> ---
<title>Starter template &middot; Bootstrap</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Bootstrap core CSS --> <!-- Custom styles for this template -->
<link href="../assets/css/bootstrap.css" rel="stylesheet"> <style>
<!-- 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 { body {
padding-top: 50px; padding-top: 50px;
} }
...@@ -32,12 +12,10 @@ ...@@ -32,12 +12,10 @@
padding: 40px 15px; padding: 40px 15px;
text-align: center; text-align: center;
} }
</style> </style>
</head>
<body>
<div class="navbar navbar-inverse navbar-fixed-top"> <div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner"> <div class="navbar-inner">
<div class="container"> <div class="container">
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
...@@ -55,33 +33,13 @@ ...@@ -55,33 +33,13 @@
</div><!--/.nav-collapse --> </div><!--/.nav-collapse -->
</div> </div>
</div> </div>
</div> </div>
<div class="container"> <div class="container">
<div class="starter-template"> <div class="starter-template">
<h1>Bootstrap starter template</h1> <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> <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>
</div><!-- /container --> </div><!-- /container -->
\ No newline at end of file
<!-- 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>
</body>
</html>
docs/examples/sticky-footer-navbar.html
View file @ aa5f0903
<!DOCTYPE html> ---
<html lang="en"> layout: example
<head> title: Sticky footer with navbar template
<meta charset="utf-8"> ---
<title>Sticky footer with navbar template &middot; Bootstrap</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Custom styles for this template -->
<meta name="description" content=""> <style>
<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>
/* Sticky footer styles /* Sticky footer styles
-------------------------------------------------- */ -------------------------------------------------- */
...@@ -80,15 +60,12 @@ ...@@ -80,15 +60,12 @@
font-size: 80%; font-size: 80%;
} }
</style> </style>
</head>
<body>
<!-- Wrap all page content here --> <!-- Wrap all page content here -->
<div id="wrap"> <div id="wrap">
<!-- Fixed navbar --> <!-- Fixed navbar -->
<div class="navbar navbar-fixed-top"> <div class="navbar navbar-fixed-top">
...@@ -131,32 +108,10 @@ ...@@ -131,32 +108,10 @@
</div> </div>
<div id="push"></div> <div id="push"></div>
</div> </div>
<div id="footer"> <div id="footer">
<div class="container"> <div class="container">
<p class="muted credit">Example courtesy <a href="http://martinbean.co.uk">Martin Bean</a> and <a href="http://ryanfait.com/sticky-footer/">Ryan Fait</a>.</p> <p class="muted credit">Example courtesy <a href="http://martinbean.co.uk">Martin Bean</a> and <a href="http://ryanfait.com/sticky-footer/">Ryan Fait</a>.</p>
</div> </div>
</div> </div>
<!-- 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>
</body>
</html>
docs/examples/sticky-footer.html
View file @ aa5f0903
<!DOCTYPE html> ---
<html lang="en"> layout: example
<head> title: Sticky footer template
<meta charset="utf-8"> ---
<title>Sticky footer template &middot; Bootstrap</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- Bootstrap core CSS --> <!-- Custom styles for this template -->
<link href="../assets/css/bootstrap.css" rel="stylesheet"> <style>
<!-- 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>
/* Sticky footer styles /* Sticky footer styles
-------------------------------------------------- */ -------------------------------------------------- */
...@@ -75,15 +55,12 @@ ...@@ -75,15 +55,12 @@
margin: 20px 0; margin: 20px 0;
} }
</style> </style>
</head>
<body>
<!-- Wrap all page content here -->
<!-- Wrap all page content here --> <div id="wrap">
<div id="wrap">
<!-- Begin page content --> <!-- Begin page content -->
<div class="container"> <div class="container">
...@@ -95,32 +72,10 @@ ...@@ -95,32 +72,10 @@
</div> </div>
<div id="push"></div> <div id="push"></div>
</div> </div>
<div id="footer"> <div id="footer">
<div class="container"> <div class="container">
<p class="muted credit">Example courtesy <a href="http://martinbean.co.uk">Martin Bean</a> and <a href="http://ryanfait.com/sticky-footer/">Ryan Fait</a>.</p> <p class="muted credit">Example courtesy <a href="http://martinbean.co.uk">Martin Bean</a> and <a href="http://ryanfait.com/sticky-footer/">Ryan Fait</a>.</p>
</div> </div>
</div> </div>
<!-- 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>
</body>
</html>
docs/getting-started.html
View file @ aa5f0903
...@@ -175,56 +175,56 @@ description: Overview of the project, its contents, and how to get started with ...@@ -175,56 +175,56 @@ description: Overview of the project, its contents, and how to get started with
<p class="lead">Move beyond the base template with a few example layouts. We encourage folks to iterate on these examples and not simply use them as an end result.</p> <p class="lead">Move beyond the base template with a few example layouts. We encourage folks to iterate on these examples and not simply use them as an end result.</p>
<div class="row bs-docs-examples"> <div class="row bs-docs-examples">
<div class="span4"> <div class="span4">
<a class="thumbnail" href="/examples/starter-template.html"> <a class="thumbnail" href="/examples/starter-template/">
<img src="/assets/img/examples/bootstrap-example-starter.png" alt=""> <img src="/assets/img/examples/bootstrap-example-starter.png" alt="">
</a> </a>
<h4>Starter template</h4> <h4>Starter template</h4>
<p>A barebones HTML document with all the Bootstrap CSS and JavaScript included.</p> <p>A barebones HTML document with all the Bootstrap CSS and JavaScript included.</p>
</div> </div>
<div class="span4"> <div class="span4">
<a class="thumbnail" href="/examples/jumbotron.html"> <a class="thumbnail" href="/examples/jumbotron/">
<img src="/assets/img/examples/bootstrap-example-marketing.png" alt=""> <img src="/assets/img/examples/bootstrap-example-marketing.png" alt="">
</a> </a>
<h4>Basic marketing site</h4> <h4>Basic marketing site</h4>
<p>Featuring a hero unit for a primary message and three supporting elements.</p> <p>Featuring a hero unit for a primary message and three supporting elements.</p>
</div> </div>
<div class="span4"> <div class="span4">
<a class="thumbnail" href="/examples/jumbotron-narrow.html"> <a class="thumbnail" href="/examples/jumbotron-narrow/">
<img src="/assets/img/examples/bootstrap-example-jumbotron-narrow.png" alt=""> <img src="/assets/img/examples/bootstrap-example-jumbotron-narrow.png" alt="">
</a> </a>
<h4>Narrow marketing</h4> <h4>Narrow marketing</h4>
<p>Slim, lightweight marketing template for small projects or teams.</p> <p>Slim, lightweight marketing template for small projects or teams.</p>
</div> </div>
<div class="span4"> <div class="span4">
<a class="thumbnail" href="/examples/justified-nav.html"> <a class="thumbnail" href="/examples/justified-nav/">
<img src="/assets/img/examples/bootstrap-example-justified-nav.png" alt=""> <img src="/assets/img/examples/bootstrap-example-justified-nav.png" alt="">
</a> </a>
<h4>Justified nav</h4> <h4>Justified nav</h4>
<p>Marketing page with equal-width navigation links in a modified navbar.</p> <p>Marketing page with equal-width navigation links in a modified navbar.</p>
</div> </div>
<div class="span4"> <div class="span4">
<a class="thumbnail" href="/examples/signin.html"> <a class="thumbnail" href="/examples/signin/">
<img src="/assets/img/examples/bootstrap-example-signin.png" alt=""> <img src="/assets/img/examples/bootstrap-example-signin.png" alt="">
</a> </a>
<h4>Sign in</h4> <h4>Sign in</h4>
<p>Barebones sign in form with custom, larger form controls and a flexible layout.</p> <p>Barebones sign in form with custom, larger form controls and a flexible layout.</p>
</div> </div>
<div class="span4"> <div class="span4">
<a class="thumbnail" href="/examples/sticky-footer.html"> <a class="thumbnail" href="/examples/sticky-footer/">
<img src="/assets/img/examples/bootstrap-example-sticky-footer.png" alt=""> <img src="/assets/img/examples/bootstrap-example-sticky-footer.png" alt="">
</a> </a>
<h4>Sticky footer</h4> <h4>Sticky footer</h4>
<p>Pin a fixed-height footer to the bottom of the user's viewport.</p> <p>Pin a fixed-height footer to the bottom of the user's viewport.</p>
</div> </div>
<div class="span4"> <div class="span4">
<a class="thumbnail" href="/examples/sticky-footer.html"> <a class="thumbnail" href="/examples/sticky-footer-navbar/">
<img src="/assets/img/examples/bootstrap-example-sticky-footer.png" alt=""> <img src="/assets/img/examples/bootstrap-example-sticky-footer-navbar.png" alt="">
</a> </a>
<h4>Sticky footer w/ navbar</h4> <h4>Sticky footer w/ navbar</h4>
<p>Add a fixed navbar to the default sticky footer template.</p> <p>Add a fixed navbar to the default sticky footer template.</p>
</div> </div>
<div class="span4"> <div class="span4">
<a class="thumbnail" href="/examples/carousel.html"> <a class="thumbnail" href="/examples/carousel/">
<img src="/assets/img/examples/bootstrap-example-carousel.png" alt=""> <img src="/assets/img/examples/bootstrap-example-carousel.png" alt="">
</a> </a>
<h4>Carousel jumbotron</h4> <h4>Carousel jumbotron</h4>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment