diff options
Diffstat (limited to 'docs')
| -rw-r--r-- | docs/components.html | 22 | ||||
| -rw-r--r-- | docs/javascript.html | 20 |
2 files changed, 20 insertions, 22 deletions
diff --git a/docs/components.html b/docs/components.html index eb9932473..934a90fbc 100644 --- a/docs/components.html +++ b/docs/components.html @@ -386,27 +386,30 @@ <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li class="dropdown"> - <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown</a> + <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> <ul class="dropdown-menu"> - <li><a href="#">Secondary link</a></li> + <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><a href="#">Another link</a></li> + <li><a href="#">Separated link</a></li> </ul> </li> </ul> <form class="navbar-search pull-left" action=""> <input type="text" class="search-query span2" placeholder="Search"> </form> - <ul class="nav secondary-nav"> + <ul class="nav pull-right"> + <li><a href="#">Link</a></li> <li class="vertical-divider"></li> <li class="dropdown"> - <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown</a> + <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> <ul class="dropdown-menu"> - <li><a href="#">Secondary link</a></li> + <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><a href="#">Another link</a></li> + <li><a href="#">Separated link</a></li> </ul> </li> </ul> @@ -460,7 +463,8 @@ <li><a href="#">Link</a></li> </ul> </pre> - <p>Adding dropdowns to the nav is super simple, but does require the use of <a href="./javascript.html/#dropdowns">our javascript plugin</a>.</p> + <h3>Adding dropdowns</h3> + <p>Adding dropdowns to the nav is super simple, but does require the use of <a href="./javascript.html/#dropdown">our javascript plugin</a>.</p> <pre class="prettyprint linenums"> <ul class="nav"> <li class="dropdown"> @@ -468,6 +472,7 @@ class="dropdown-toggle" data-toggle="dropdown"> Account + <b class="caret"></b> </a> <ul class="dropdown-menu"> ... @@ -475,6 +480,7 @@ </li> </ul> </pre> + <p><a class="btn" href="./javascript.html/#dropdown">Get the javascript →</a></p> </div> </div> diff --git a/docs/javascript.html b/docs/javascript.html index ca9217674..dbf8d922a 100644 --- a/docs/javascript.html +++ b/docs/javascript.html @@ -323,7 +323,7 @@ $('#myModal').on('hidden', function () { <ul class="tabs"> <li class="active"><a href="#">Home</a></li> <li id="secondary" class="dropdown"> - <a href="#secondary" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a> + <a href="#secondary" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="#">Secondary link</a></li> <li><a href="#">Something else here</a></li> @@ -349,23 +349,15 @@ $('#myModal').on('hidden', function () { <form class="form-search navbar-search pull-left" action=""> <input type="text" class="search-query span2" placeholder="Search"> </form> - <ul class="nav secondary-nav"> + <ul class="nav pull-right"> <li id="fat-menu" class="dropdown"> - <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown 1 <span class="caret"></span></a> + <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown 1 <b class="caret"></b></a> <ul class="dropdown-menu"> - <li><a href="#">Secondary link</a></li> + <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><a href="#">Another link</a></li> - </ul> - </li> - <li id="mdo-menu" class="dropdown"> - <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown 2 <span class="caret"></span></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> + <li><a href="#">Separated link</a></li> </ul> </li> </ul> |