diff options
| author | Mark Otto <[email protected]> | 2013-01-17 20:35:59 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2013-01-17 20:35:59 -0800 |
| commit | caed3a9dbb8de5f8269b0d9439c52a985c5b1a83 (patch) | |
| tree | 0615b96c4138353679f21d7f3dc4e11fa27f137a /docs | |
| parent | 6466fe00a1c53691832095fe97f90e295f3489e6 (diff) | |
| download | bootstrap-caed3a9dbb8de5f8269b0d9439c52a985c5b1a83.tar.xz bootstrap-caed3a9dbb8de5f8269b0d9439c52a985c5b1a83.zip | |
fix up jumbotron example
Diffstat (limited to 'docs')
| -rw-r--r-- | docs/assets/css/docs.css | 2 | ||||
| -rw-r--r-- | docs/examples/jumbotron.html | 101 |
2 files changed, 56 insertions, 47 deletions
diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css index eb7bf24ea..0700fe477 100644 --- a/docs/assets/css/docs.css +++ b/docs/assets/css/docs.css @@ -473,7 +473,7 @@ input.focused { /* Account for fixed navbar */ body { - padding-top: 44px; + padding-top: 52px; } /* Tweak display of docs jumbotrons */ diff --git a/docs/examples/jumbotron.html b/docs/examples/jumbotron.html index c28b757b9..cb2f9c5b6 100644 --- a/docs/examples/jumbotron.html +++ b/docs/examples/jumbotron.html @@ -2,24 +2,22 @@ <html lang="en"> <head> <meta charset="utf-8"> - <title>Bootstrap, from Twitter</title> + <title>Jumbotron template · Bootstrap</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="description" content=""> <meta name="author" content=""> - <!-- Le styles --> + <!-- Bootstrap core CSS --> <link href="../assets/css/bootstrap.css" rel="stylesheet"> - <style type="text/css"> - body { - padding-top: 60px; - padding-bottom: 40px; - } - </style> - <link href="../assets/css/bootstrap-responsive.css" rel="stylesheet"> - <!-- HTML5 shim, for IE6-8 support of HTML5 elements --> + <!-- Documentation extras --> + <link href="../assets/css/docs.css" rel="stylesheet"> + <link href="../assets/js/google-code-prettify/prettify.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 --> @@ -28,51 +26,60 @@ <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> + .navbar-form input[type="text"], + .navbar-form input[type="password"] { + width: 180px; + } + .jumbotron { + margin-top: 20px; + } + </style> </head> <body> <div class="navbar navbar-inverse navbar-fixed-top"> - <div class="navbar-inner"> - <div class="container"> - <a 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> - </a> - <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> - <li class="dropdown"> - <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> - <ul class="dropdown-menu"> - <li><a href="#">Action</a></li> - <li><a href="#">Another action</a></li> - <li><a href="#">Something else here</a></li> - <li class="divider"></li> - <li class="nav-header">Nav header</li> - <li><a href="#">Separated link</a></li> - <li><a href="#">One more separated link</a></li> - </ul> - </li> - </ul> - <form class="navbar-form pull-right"> - <input class="span2" type="text" placeholder="Email"> - <input class="span2" type="password" placeholder="Password"> - <button type="submit" class="btn">Sign in</button> - </form> - </div><!--/.nav-collapse --> - </div> + <div class="container"> + <a 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> + </a> + <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> + <li class="dropdown"> + <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> + <ul class="dropdown-menu"> + <li><a href="#">Action</a></li> + <li><a href="#">Another action</a></li> + <li><a href="#">Something else here</a></li> + <li class="divider"></li> + <li class="nav-header">Nav header</li> + <li><a href="#">Separated link</a></li> + <li><a href="#">One more separated link</a></li> + </ul> + </li> + </ul> + <form class="navbar-form pull-right"> + <input type="text" placeholder="Email"> + <input type="password" placeholder="Password"> + <button type="submit" class="btn">Sign in</button> + </form> + </div><!--/.nav-collapse --> </div> </div> <div class="container"> - <!-- Main hero unit for a primary marketing message or call to action --> - <div class="hero-unit"> + <!-- Main jumbotron for a primary marketing message or call to action --> + <div class="jumbotron"> <h1>Hello, world!</h1> <p>This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.</p> <p><a class="btn btn-primary btn-large">Learn more »</a></p> @@ -105,7 +112,9 @@ </div> <!-- /container --> - <!-- Le javascript + + + <!-- Bootstrap core JavaScript ================================================== --> <!-- Placed at the end of the document so the pages load faster --> <script src="../assets/js/jquery.js"></script> |