diff options
| author | Mark Otto <[email protected]> | 2012-03-12 12:44:47 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2012-03-12 12:44:47 -0700 |
| commit | 7f3a2b38134916e84dc7c7ddc149b02d6e56d971 (patch) | |
| tree | 4fb255564145fbe58aa5ee714d71c74a64b63d18 /docs/components.html | |
| parent | e12c66aabead93f3ac015e6a6aee307185bc7667 (diff) | |
| download | bootstrap-7f3a2b38134916e84dc7c7ddc149b02d6e56d971.tar.xz bootstrap-7f3a2b38134916e84dc7c7ddc149b02d6e56d971.zip | |
button group sizes for ie7 fixes
Diffstat (limited to 'docs/components.html')
| -rw-r--r-- | docs/components.html | 36 |
1 files changed, 31 insertions, 5 deletions
diff --git a/docs/components.html b/docs/components.html index 1d0603608..10b2aec20 100644 --- a/docs/components.html +++ b/docs/components.html @@ -420,13 +420,39 @@ </ul> </div><!-- /btn-group --> </div><!-- /btn-toolbar --> - <h3>Right aligned menus</h3> - <p>Add <code>.pull-right</code> to the <code>.dropdown-menu</code> of any button dropdown for right aligned menus.</p> + <h3>Sizes</h3> + <p>Utilize the extra button classe <code>.btn-mini</code>, <code>.btn-small</code>, or <code>.btn-large</code> for sizing.</p> <div class="btn-toolbar"> <div class="btn-group"> - <button class="btn">Right aligned</button> - <button class="btn dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button> - <ul class="dropdown-menu pull-right"> + <button class="btn btn-large">Large action</button> + <button class="btn btn-large dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button> + <ul class="dropdown-menu"> + <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="#">Separated link</a></li> + </ul> + </div><!-- /btn-group --> + </div><!-- /btn-toolbar --> + <div class="btn-toolbar"> + <div class="btn-group"> + <button class="btn btn-small">Small action</button> + <button class="btn btn-small dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button> + <ul class="dropdown-menu"> + <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="#">Separated link</a></li> + </ul> + </div><!-- /btn-group --> + </div><!-- /btn-toolbar --> + <div class="btn-toolbar"> + <div class="btn-group"> + <button class="btn btn-mini">Mini action</button> + <button class="btn btn-mini dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button> + <ul class="dropdown-menu"> <li><a href="#">Action</a></li> <li><a href="#">Another action</a></li> <li><a href="#">Something else here</a></li> |