From bd69269426e16524757f1295d5c60263f36e2430 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sat, 30 Mar 2013 13:09:56 -0700 Subject: more component nav updates --- docs/docs.html | 61 +++++++++++++++++++++++++++++++--------------------------- 1 file changed, 33 insertions(+), 28 deletions(-) (limited to 'docs/docs.html') diff --git a/docs/docs.html b/docs/docs.html index 74f7c6e70..9fd120562 100644 --- a/docs/docs.html +++ b/docs/docs.html @@ -2561,7 +2561,7 @@ For example, <section> should be wrapped as inline.

Toggleable, contextual menu for displaying lists of links. Made interactive with the dropdown JavaScript plugin.

-

Example

+

Wrap the dropdown's trigger and the dropdown menu within .dropdown, or another element that declares position: relative;. Then add the menu's HTML.

@@ -2587,7 +2587,7 @@ For example, <section> should be wrapped as inline.
{% endhighlight %} -

Aligning the menus

+

Add .pull-right to a .dropdown-menu to right align the dropdown menu.

{% highlight html linenos %} {% endhighlight %} -

Disabled menu options

+

Add .disabled to a <li> in the dropdown to disable the link.

@@ -2614,7 +2614,7 @@ For example, <section> should be wrapped as inline. {% endhighlight %} -

Sub menus on dropdowns

+

Add an extra level of dropdown menus, appearing on hover like those of OS X, with some simple markup additions. Add .dropdown-submenu to any li in an existing dropdown menu for automatic styling.

@@ -2708,13 +2708,13 @@ For example, <section> should be wrapped as inline. -
+

Button groups

Group a series of buttons together on a single line with the button group. Add on optional JavaScript radio and checkbox style behavior with our buttons plugin.

-

Single button group

+

Basic button group

Wrap a series of buttons with .btn in .btn-group.

@@ -2731,7 +2731,7 @@ For example, <section> should be wrapped as inline.
{% endhighlight %} -

Multiple button groups

+

Multiple button groups

Combine sets of <div class="btn-group"> into a <div class="btn-toolbar"> for more complex components.

@@ -2759,7 +2759,7 @@ For example, <section> should be wrapped as inline.
{% endhighlight %} -

Vertical button groups

+

Vertical button groups

Make a set of buttons appear vertically stacked rather than horizontally.

@@ -2775,7 +2775,7 @@ For example, <section> should be wrapped as inline.
{% endhighlight %} -

Justified button groups

+

Justified button groups

Make a group of buttons stretch at the same size to span the entire width of its parent. This only works with <a> elements as the <button> doesn't pick up these styles.

@@ -2796,14 +2796,14 @@ For example, <section> should be wrapped as inline. -
+

Button dropdown menus

Use any button to trigger a dropdown menu by placing it within a .btn-group and providing the proper menu markup. Requires the Bootstrap dropdown plugin.

-

Single or split button

-

Turn a button into dropdown toggle, or add a second button to toggle the dropdown while retaining the primary button action.

+

Single button dropdowns

+

Turn a button into dropdown toggle with some basic markup changes.

@@ -2857,7 +2857,26 @@ For example, <section> should be wrapped as inline.
+
+{% highlight html linenos %} + +
+ + +
+{% endhighlight %} +

Split button dropdowns

+

Similarly, create split button dropdowns with the same markup changes, only with a separate button.

+
@@ -2917,20 +2936,6 @@ For example, <section> should be wrapped as inline.
{% highlight html linenos %} - -
- - -
-
@@ -2947,7 +2952,7 @@ For example, <section> should be wrapped as inline.
{% endhighlight %} -

Works with all button sizes

+

Works with all button sizes

Button dropdowns work at any size: .btn-large, .btn-small, or .btn-mini.

@@ -3021,7 +3026,7 @@ For example, <section> should be wrapped as inline.
{% endhighlight %} -

Dropup buttons

+

Dropup buttons

Trigger dropdown menus above elements by adding .dropup to the parent.

-- cgit v1.2.3