diff options
Diffstat (limited to 'examples/container-app.html')
| -rw-r--r-- | examples/container-app.html | 114 |
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>© Company 2012</p> - </footer> - - </div> <!-- /container --> - - </body> -</html> |
