diff options
| author | Jacob Thornton <[email protected]> | 2012-01-29 13:16:02 -0800 |
|---|---|---|
| committer | Jacob Thornton <[email protected]> | 2012-01-29 13:16:02 -0800 |
| commit | 910e78d26ad476d11331e8bb9b0233e0b2ba21e3 (patch) | |
| tree | 89c22731c23c1808bf92db1ceb670ca2cd3c7677 /examples/hero.html | |
| parent | 49d565a6da38359a776f83f31a1f1ccd658c88a7 (diff) | |
| parent | 9fa8bde44d9bb6f26b16c7633a01bbe5ce7b20a4 (diff) | |
| download | bootstrap-910e78d26ad476d11331e8bb9b0233e0b2ba21e3.tar.xz bootstrap-910e78d26ad476d11331e8bb9b0233e0b2ba21e3.zip | |
Merge branch '2.0-wip' of https://github.com/twitter/bootstrap into 2.0-wip
Diffstat (limited to 'examples/hero.html')
| -rw-r--r-- | examples/hero.html | 32 |
1 files changed, 25 insertions, 7 deletions
diff --git a/examples/hero.html b/examples/hero.html index 4803380c3..1fa39922f 100644 --- a/examples/hero.html +++ b/examples/hero.html @@ -16,8 +16,10 @@ <style type="text/css"> body { padding-top: 60px; + padding-bottom: 40px; } </style> + <link href="../docs/assets/css/bootstrap-responsive.css" rel="stylesheet"> <!-- Le fav and touch icons --> <link rel="shortcut icon" href="images/favicon.ico"> @@ -28,15 +30,22 @@ <body> - <div class="navbar navbar-fixed"> + <div class="navbar navbar-fixed-top"> <div class="navbar-inner"> <div class="container"> + <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> + <span class="i-bar"></span> + <span class="i-bar"></span> + <span class="i-bar"></span> + </a> <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> + <div class="nav-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> + </ul> + </div><!--/.nav-collapse --> </div> </div> </div> @@ -46,7 +55,7 @@ <!-- Main hero unit for a primary marketing message or call to action --> <div class="hero-unit"> <h1>Hello, world!</h1> - <p>Vestibulum id ligula porta felis euismod semper. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.</p> + <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 primary large">Learn more »</a></p> </div> @@ -69,11 +78,20 @@ </div> </div> + <hr> + <footer> <p>© Company 2012</p> </footer> </div> <!-- /container --> + <!-- Le javascript + ================================================== --> + <!-- Placed at the end of the document so the pages load faster --> + <script src="../js/tests/vendor/jquery.js"></script> + <script src="../js/bootstrap-transition.js"></script> + <script src="../js/bootstrap-collapse.js"></script> + </body> </html> |