Commit 9c13af8c authored by Mark Otto's avatar Mark Otto
Browse files

massive update, including new index page

parent 6d269c2e
1 merge request!9653BS3: Restore examples back to main repo
Showing with 166 additions and 15 deletions
+166 -15
This diff is collapsed.
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
<title>Carousel Template for Bootstrap</title> <title>Carousel Template for Bootstrap</title>
<!-- Bootstrap core CSS --> <!-- Bootstrap core CSS -->
<link href="../bootstrap/bootstrap.css" rel="stylesheet"> <link href="../bootstrap/css/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template --> <!-- Custom styles for this template -->
<link href="carousel.css" rel="stylesheet"> <link href="carousel.css" rel="stylesheet">
......
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
<title>Grid Template for Bootstrap</title> <title>Grid Template for Bootstrap</title>
<!-- Bootstrap core CSS --> <!-- Bootstrap core CSS -->
<link href="../bootstrap/bootstrap.css" rel="stylesheet"> <link href="../bootstrap/css/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template --> <!-- Custom styles for this template -->
<link href="grid.css" rel="stylesheet"> <link href="grid.css" rel="stylesheet">
......
index.html 0 → 100644
<!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>Example Templates for Bootstrap</title>
<!-- Bootstrap core CSS -->
<link href="bootstrap/css/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="assets/css/docs.css" rel="stylesheet">
<!-- Analytics -->
<script>
</script>
</head>
<body>
<div class="jumbotron">
<div class="container">
<span class="glyphicon glyphicon-ok"></span>
<h1>Examples for Bootstrap</h1>
<p>Gallery of useful examples to easily get started with and extend Bootstrap's layout, components, and more.</p>
<a href="https://github.com/twbs/bootstrap-examples/archive/master.zip" class="btn btn-outline btn-large" onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Download', 'Download 1.0.0']);">Download from GitHub</a>
<ul class="jumbotron-links">
<li>
<a href="http://github.com/twbs/bootstrap-examples" onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Jumbotron links', 'GitHub project']);">GitHub project</a>
</li>
<li>
<a href="http://getbootstrap.com" onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Jumbotron links', 'Bootstrap']);">Bootstrap</a>
</li>
<li>
<a href="http://expo.getbootstrap.com" onclick="_gaq.push(['_trackEvent', 'Jumbotron actions', 'Jumbotron links', 'Expo']);">Bootstrap Expo</a>
</li>
</ul>
</div>
</div>
<div class="container gallery">
<div class="row">
<div class="col-lg-4">
<a class="thumbnail" href="starter-template/" target="_blank">
<img src="screenshots/starter.png" alt="">
</a>
<h3>Starter template</h3>
<p>A barebones HTML page with Bootstrap's CSS and JavaScript included.</p>
</div>
<div class="col-lg-4">
<a class="thumbnail" href="grid/" target="_blank">
<img src="screenshots/grid.png" alt="">
</a>
<h3>Basic grid layouts</h3>
<p>Simple grid layouts to familiarize you with using the Bootstrap grid system.</p>
</div>
<div class="col-lg-4">
<a class="thumbnail" href="jumbotron/" target="_blank">
<img src="screenshots/marketing.png" alt="">
</a>
<h3>Basic marketing site</h3>
<p>Features a jumbotron for primary message and three supporting elements.</p>
</div>
</div><!-- /.row -->
<div class="row">
<div class="col-lg-4">
<a class="thumbnail" href="jumbotron-narrow/" target="_blank">
<img src="screenshots/jumbotron-narrow.png" alt="">
</a>
<h3>Narrow marketing</h3>
<p>Slim, lightweight marketing template for small projects or teams.</p>
</div>
<div class="col-lg-4">
<a class="thumbnail" href="justified-nav/" target="_blank">
<img src="screenshots/justified-nav.png" alt="">
</a>
<h3>Justified nav</h3>
<p>Marketing page with equal-width navigation links in a modified navbar.</p>
</div>
<div class="col-lg-4">
<a class="thumbnail" href="signin/" target="_blank">
<img src="screenshots/signin.png" alt="">
</a>
<h3>Sign in</h3>
<p>Barebones sign in form with custom, larger form controls and a flexible layout.</p>
</div>
</div><!-- /.row -->
<div class="row">
<div class="col-lg-4">
<a class="thumbnail" href="sticky-footer/" target="_blank">
<img src="screenshots/sticky-footer.png" alt="">
</a>
<h3>Sticky footer</h3>
<p>Pin a fixed-height footer to the bottom of the user's viewport.</p>
</div>
<div class="col-lg-4">
<a class="thumbnail" href="sticky-footer-navbar/" target="_blank">
<img src="screenshots/sticky-footer-navbar.png" alt="">
</a>
<h3>Sticky footer w/ navbar</h3>
<p>Add a fixed navbar to the default sticky footer template.</p>
</div>
<div class="col-lg-4">
<a class="thumbnail" href="carousel/" target="_blank">
<img src="screenshots/carousel.png" alt="">
</a>
<h3>Carousel jumbotron</h3>
<p>An interactive riff on the basic marketing site featuring a prominent carousel.</p>
</div>
</div><!-- /.row -->
<div class="row">
<div class="col-lg-4">
<a class="thumbnail" href="navbar/" target="_blank">
<img src="screenshots/navbar.png" alt="">
</a>
<h3>Navbar</h3>
<p>Basic template for showcasing how the navbar works.</p>
</div>
<div class="col-lg-4">
<a class="thumbnail" href="navbar-static-top/" target="_blank">
<img src="screenshots/navbar-static-top.png" alt="">
</a>
<h3>Static top navbar</h3>
<p>Basic template for showcasing the static navbar variation.</p>
</div>
<div class="col-lg-4">
<a class="thumbnail" href="navbar-fixed-top/" target="_blank">
<img src="screenshots/navbar-fixed-top.png" alt="">
</a>
<h3>Fixed top navbar</h3>
<p>Basic template for showcasing the fixed navbar variation.</p>
</div>
</div><!-- /.row -->
</div><!-- /.container -->
</body>
</html>
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
<title>Narrow Jumbotron Template for Bootstrap</title> <title>Narrow Jumbotron Template for Bootstrap</title>
<!-- Bootstrap core CSS --> <!-- Bootstrap core CSS -->
<link href="../bootstrap/bootstrap.css" rel="stylesheet"> <link href="../bootstrap/css/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template --> <!-- Custom styles for this template -->
<link href="jumbotron-narrow.css" rel="stylesheet"> <link href="jumbotron-narrow.css" rel="stylesheet">
...@@ -62,6 +62,6 @@ ...@@ -62,6 +62,6 @@
</div> </div>
</div> <!-- /container --> </div> <!-- /container -->
</body> </body>
</html> </html>
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
<title>Jumbotron Template for Bootstrap</title> <title>Jumbotron Template for Bootstrap</title>
<!-- Bootstrap core CSS --> <!-- Bootstrap core CSS -->
<link href="../bootstrap/bootstrap.css" rel="stylesheet"> <link href="../bootstrap/css/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template --> <!-- Custom styles for this template -->
<link href="jumbotron.css" rel="stylesheet"> <link href="jumbotron.css" rel="stylesheet">
......
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
<title>Justified Nav Template for Bootstrap</title> <title>Justified Nav Template for Bootstrap</title>
<!-- Bootstrap core CSS --> <!-- Bootstrap core CSS -->
<link href="../bootstrap/bootstrap.css" rel="stylesheet"> <link href="../bootstrap/css/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template --> <!-- Custom styles for this template -->
<link href="justified-nav.css" rel="stylesheet"> <link href="justified-nav.css" rel="stylesheet">
......
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
<title>Fixed Top Navbar Example for Bootstrap</title> <title>Fixed Top Navbar Example for Bootstrap</title>
<!-- Bootstrap core CSS --> <!-- Bootstrap core CSS -->
<link href="../bootstrap/bootstrap.css" rel="stylesheet"> <link href="../bootstrap/css/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template --> <!-- Custom styles for this template -->
<link href="navbar-fixed-top.css" rel="stylesheet"> <link href="navbar-fixed-top.css" rel="stylesheet">
...@@ -65,6 +65,6 @@ ...@@ -65,6 +65,6 @@
</div> </div>
</div> <!-- /container --> </div> <!-- /container -->
</body> </body>
</html> </html>
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
<title>Static Top Navbar Example for Bootstrap</title> <title>Static Top Navbar Example for Bootstrap</title>
<!-- Bootstrap core CSS --> <!-- Bootstrap core CSS -->
<link href="../bootstrap/bootstrap.css" rel="stylesheet"> <link href="../bootstrap/css/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template --> <!-- Custom styles for this template -->
<link href="navbar-static-top.css" rel="stylesheet"> <link href="navbar-static-top.css" rel="stylesheet">
......
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
<title>Navbar Template for Bootstrap</title> <title>Navbar Template for Bootstrap</title>
<!-- Bootstrap core CSS --> <!-- Bootstrap core CSS -->
<link href="../bootstrap/bootstrap.css" rel="stylesheet"> <link href="../bootstrap/css/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template --> <!-- Custom styles for this template -->
<link href="navbar.css" rel="stylesheet"> <link href="navbar.css" rel="stylesheet">
......
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
<title>Off Canvas Template for Bootstrap</title> <title>Off Canvas Template for Bootstrap</title>
<!-- Bootstrap core CSS --> <!-- Bootstrap core CSS -->
<link href="../bootstrap/bootstrap.css" rel="stylesheet"> <link href="../bootstrap/css/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template --> <!-- Custom styles for this template -->
<link href="offcanvas.css" rel="stylesheet"> <link href="offcanvas.css" rel="stylesheet">
......
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
<title>Signin Template for Bootstrap</title> <title>Signin Template for Bootstrap</title>
<!-- Bootstrap core CSS --> <!-- Bootstrap core CSS -->
<link href="../bootstrap/bootstrap.css" rel="stylesheet"> <link href="../bootstrap/css/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template --> <!-- Custom styles for this template -->
<link href="signin.css" rel="stylesheet"> <link href="signin.css" rel="stylesheet">
......
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
<title>Starter Template for Bootstrap</title> <title>Starter Template for Bootstrap</title>
<!-- Bootstrap core CSS --> <!-- Bootstrap core CSS -->
<link href="../bootstrap/bootstrap.css" rel="stylesheet"> <link href="../bootstrap/css/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template --> <!-- Custom styles for this template -->
<link href="starter-template.css" rel="stylesheet"> <link href="starter-template.css" rel="stylesheet">
......
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
<title>Sticky Footer Navbar Template for Bootstrap</title> <title>Sticky Footer Navbar Template for Bootstrap</title>
<!-- Bootstrap core CSS --> <!-- Bootstrap core CSS -->
<link href="../bootstrap/bootstrap.css" rel="stylesheet"> <link href="../bootstrap/css/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template --> <!-- Custom styles for this template -->
<link href="sticky-footer-navbar.css" rel="stylesheet"> <link href="sticky-footer-navbar.css" rel="stylesheet">
......
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
<title>Sticky Footer Template for Bootstrap</title> <title>Sticky Footer Template for Bootstrap</title>
<!-- Bootstrap core CSS --> <!-- Bootstrap core CSS -->
<link href="../bootstrap/bootstrap.css" rel="stylesheet"> <link href="../bootstrap/css/bootstrap.css" rel="stylesheet">
<!-- Custom styles for this template --> <!-- Custom styles for this template -->
<link href="sticky-footer.css" rel="stylesheet"> <link href="sticky-footer.css" rel="stylesheet">
......
Supports Markdown
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