aboutsummaryrefslogtreecommitdiff
path: root/examples/container-app.html
diff options
context:
space:
mode:
Diffstat (limited to 'examples/container-app.html')
-rw-r--r--examples/container-app.html114
1 files changed, 0 insertions, 114 deletions
diff --git a/examples/container-app.html b/examples/container-app.html
deleted file mode 100644
index b25ed55bf..000000000
--- a/examples/container-app.html
+++ /dev/null
@@ -1,114 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
- <head>
- <meta charset="utf-8">
- <title>Bootstrap, from Twitter</title>
- <meta name="description" content="">
- <meta name="author" content="">
-
- <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
- <!--[if lt IE 9]>
- <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
- <![endif]-->
-
- <!-- Le styles -->
- <link href="../docs/assets/css/bootstrap.css" rel="stylesheet">
- <style type="text/css">
- /* Override some defaults */
- html, body {
- background-color: #eee;
- }
- body {
- padding-top: 40px; /* 40px to make the container go all the way to the bottom of the topbar */
- }
- .container > footer p {
- text-align: center; /* center align it with the container */
- }
- .container {
- width: 820px; /* downsize our container to make the content feel a bit tighter and more cohesive. NOTE: this removes two full columns from the grid, meaning you only go to 10 columns and not 12. */
- }
-
- /* The white background content wrapper */
- .body-content {
- background-color: #fff;
- padding: 20px;
- margin: 0 -20px 18px; /* negative indent the amount of the padding to maintain the grid system */
- -webkit-border-radius: 0 0 6px 6px;
- -moz-border-radius: 0 0 6px 6px;
- border-radius: 0 0 6px 6px;
- -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
- -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15);
- box-shadow: 0 1px 2px rgba(0,0,0,.15);
- }
-
- /* Page header tweaks */
- .page-header {
- background-color: #f5f5f5;
- padding: 20px 20px 10px;
- margin: -20px -20px 20px;
- }
-
- /* Styles you shouldn't keep as they are for displaying this base example only */
- .body-content .span7,
- .body-content .span3 {
- min-height: 500px;
- }
- /* Give a quick and non-cross-browser friendly divider */
- .body-content .span3 {
- margin-left: 0;
- padding-left: 19px;
- border-left: 1px solid #eee;
- }
- </style>
-
- <!-- Le fav and touch icons -->
- <link rel="shortcut icon" href="images/favicon.ico">
- <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
- <link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
- <link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
- </head>
-
- <body>
-
- <div class="navbar navbar-fixed-top">
- <div class="navbar-inner">
- <div class="container">
- <a class="brand" href="#">Project name</a>
- <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>
- <form action="" class="form-search navbar-form pull-right">
- <input class="input-small" type="text" placeholder="Username">
- <input class="input-small" type="password" placeholder="Password">
- <button class="btn" type="submit">Sign in</button>
- </form>
- </div>
- </div>
- </div>
-
- <div class="container">
-
- <div class="body-content">
- <div class="page-header">
- <h1>Page name <small>Supporting text or tagline</small></h1>
- </div>
- <div class="row">
- <div class="span7">
- <h2>Main content</h2>
- </div>
- <div class="span3">
- <h3>Secondary content</h3>
- </div>
- </div>
- </div>
-
- <footer>
- <p>&copy; Company 2012</p>
- </footer>
-
- </div> <!-- /container -->
-
- </body>
-</html>