diff options
Diffstat (limited to 'docs/components.html')
| -rw-r--r-- | docs/components.html | 55 |
1 files changed, 43 insertions, 12 deletions
diff --git a/docs/components.html b/docs/components.html index c36eec940..719a9e874 100644 --- a/docs/components.html +++ b/docs/components.html @@ -122,16 +122,7 @@ <li><a tabindex="-1" href="#">Another action</a></li> <li><a tabindex="-1" href="#">Something else here</a></li> <li class="divider"></li> - <li class="dropdown-submenu"> - <a tabindex="-1" href="#">Separated link</a> - <ul class="dropdown-menu"> - <li><a tabindex="-1" href="#">Second level link</a></li> - <li><a tabindex="-1" href="#">Second level link</a></li> - <li><a tabindex="-1" href="#">Second level link</a></li> - <li><a tabindex="-1" href="#">Second level link</a></li> - <li><a tabindex="-1" href="#">Second level link</a></li> - </ul> - </li> + <li><a tabindex="-1" href="#">Separated link</a></li> </ul> </div> </div> @@ -162,10 +153,50 @@ </pre> <h2>Options</h2> - <p>...</p> + <p>Align menus to the right and add include additional levels of dropdowns.</p> <h3>Aligning the menus</h3> - <p>...</p> + <p>Add <code>.pull-right</code> to a <code>.dropdown-menu</code> to right align the dropdown menu.</p> +<pre class="prettyprint linenums"> +<ul class="dropdown-menu pull-right" role="menu" aria-labelledby="dLabel"> + ... +</ul> +</pre> + + <h3>Sub menus on dropdowns</h3> + <p>Add an extra level of dropdown menus, appearing on hover like those of OS X, with some simple markup additions. Add <code>.dropdown-submenu</code> to any <code>li</code> in an existing dropdown menu for automatic styling.</p> + <div class="bs-docs-example"> + <div class="dropdown clearfix"> + <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu" style="display: block; position: static; margin-bottom: 5px;"> + <li><a tabindex="-1" href="#">Action</a></li> + <li><a tabindex="-1" href="#">Another action</a></li> + <li><a tabindex="-1" href="#">Something else here</a></li> + <li class="divider"></li> + <li class="dropdown-submenu"> + <a tabindex="-1" href="#">More options</a> + <ul class="dropdown-menu"> + <li><a tabindex="-1" href="#">Second level link</a></li> + <li><a tabindex="-1" href="#">Second level link</a></li> + <li><a tabindex="-1" href="#">Second level link</a></li> + <li><a tabindex="-1" href="#">Second level link</a></li> + <li><a tabindex="-1" href="#">Second level link</a></li> + </ul> + </li> + </ul> + </div> + </div> +<pre class="prettyprint linenums"> +<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel"> + ... + <li class="dropdown-submenu"> + <a tabindex="-1" href="#">More options</a> + <ul class="dropdown-menu"> + ... + </ul> + </li> +</ul> +</pre> + </section> |