diff options
| author | Mark Otto <[email protected]> | 2011-10-11 09:44:51 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2011-10-11 09:44:51 -0700 |
| commit | 8ba005d38dd7a79ea3e90efb6efc7ac9ebcadc26 (patch) | |
| tree | 6ffb193c34fff5f4a50d7ea9715139edf2e61c15 /docs/javascript.html | |
| parent | 7c98f1e1fccbb9664bddbc64edb626ffdcf8fe7d (diff) | |
| download | bootstrap-8ba005d38dd7a79ea3e90efb6efc7ac9ebcadc26.tar.xz bootstrap-8ba005d38dd7a79ea3e90efb6efc7ac9ebcadc26.zip | |
new navbar introduced to replace topbar
Diffstat (limited to 'docs/javascript.html')
| -rw-r--r-- | docs/javascript.html | 68 |
1 files changed, 33 insertions, 35 deletions
diff --git a/docs/javascript.html b/docs/javascript.html index 9f2b13876..dd4c2d03a 100644 --- a/docs/javascript.html +++ b/docs/javascript.html @@ -39,8 +39,8 @@ <!-- Topbar ================================================== --> - <div class="topbar" data-scrollspy="scrollspy"> - <div class="topbar-inner"> + <div class="navbar navbar-fixed" data-scrollspy="scrollspy"> + <div class="navbar-inner"> <div class="container"> <a class="brand" href="#">Bootstrap JS</a> <ul class="nav"> @@ -235,39 +235,37 @@ $('#my-modal').bind('hidden', function () { A programatic api for activating menus for a given topbar or tabbed navigation. </p> <h3>Demo</h3> - <div class="topbar-wrapper"> - <div id="topbar-example" class="topbar"> - <div class="topbar-inner"> - <div class="container"> - <a class="brand" href="#">Project Name</a> - <ul class="nav"> - <li><a href="#">Link</a></li> - <li><a href="#">Link</a></li> - </ul> - <form action=""> - <input type="text" placeholder="Search" /> - </form> - <ul class="nav secondary-nav"> - <li class="dropdown"> - <a href="#" class="dropdown-toggle" data-dropdown="true">Dropdown 1</a> - <ul class="dropdown-menu"> - <li><a href="#">Secondary link</a></li> - <li><a href="#">Something else here</a></li> - <li class="divider"></li> - <li><a href="#">Another link</a></li> - </ul> - </li> - <li class="dropdown"> - <a href="#" class="dropdown-toggle" data-dropdown="true">Dropdown 2</a> - <ul class="dropdown-menu"> - <li><a href="#">Secondary link</a></li> - <li><a href="#">Something else here</a></li> - <li class="divider"></li> - <li><a href="#">Another link</a></li> - </ul> - </li> - </ul> - </div> + <div id="topbar-example" class="navbar navbar-static"> + <div class="navbar-inner"> + <div class="container" style="width: auto;"> + <a class="brand" href="#">Project Name</a> + <ul class="nav"> + <li><a href="#">Link</a></li> + <li><a href="#">Link</a></li> + </ul> + <form action="" class="search-form navbar-search"> + <input type="text" placeholder="Search"> + </form> + <ul class="nav secondary-nav"> + <li class="dropdown"> + <a href="#" class="dropdown-toggle" data-dropdown="true">Dropdown 1</a> + <ul class="dropdown-menu"> + <li><a href="#">Secondary link</a></li> + <li><a href="#">Something else here</a></li> + <li class="divider"></li> + <li><a href="#">Another link</a></li> + </ul> + </li> + <li class="dropdown"> + <a href="#" class="dropdown-toggle" data-dropdown="true">Dropdown 2</a> + <ul class="dropdown-menu"> + <li><a href="#">Secondary link</a></li> + <li><a href="#">Something else here</a></li> + <li class="divider"></li> + <li><a href="#">Another link</a></li> + </ul> + </li> + </ul> </div> </div> </div> |