diff options
| author | Mark Otto <[email protected]> | 2012-11-04 19:08:02 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2012-11-04 19:08:02 -0800 |
| commit | 7e6cc0bf7ec795189dc14e6b27ffd25940081c71 (patch) | |
| tree | 2f6eda44f4c6978fdadca376baa42c7c18d619d3 /docs/base-css.html | |
| parent | 51f293ba4c84d1a45a102e5904b42a34474cda29 (diff) | |
| download | bootstrap-7e6cc0bf7ec795189dc14e6b27ffd25940081c71.tar.xz bootstrap-7e6cc0bf7ec795189dc14e6b27ffd25940081c71.zip | |
Fixes #5785: allow for segmented button groups in input groups
Diffstat (limited to 'docs/base-css.html')
| -rw-r--r-- | docs/base-css.html | 48 |
1 files changed, 48 insertions, 0 deletions
diff --git a/docs/base-css.html b/docs/base-css.html index dd34401d5..bd04e53d6 100644 --- a/docs/base-css.html +++ b/docs/base-css.html @@ -1325,6 +1325,54 @@ For example, <code><section></code> should be wrapped as inlin </div> </pre> + <h4>Segmented dropdown groups</h4> + <form class="bs-docs-example"> + <div class="input-prepend"> + <div class="btn-group"> + <button class="btn" tabindex="-1">Action</button> + <button class="btn dropdown-toggle" data-toggle="dropdown" tabindex="-1"> + <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> + <input type="text"> + </div> + <div class="input-append"> + <input type="text"> + <div class="btn-group"> + <button class="btn" tabindex="-1">Action</button> + <button class="btn dropdown-toggle" data-toggle="dropdown" tabindex="-1"> + <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> + </div> + </form> +<pre class="prettyprint linenums"> +<form> + <div class="input-prepend"> + <div class="btn-group">...</div> + <input type="text"> + </div> + <div class="input-append"> + <input type="text"> + <div class="btn-group">...</div> + </div> +</form> +</pre> + <h4>Search form</h4> <form class="bs-docs-example form-search"> <div class="input-append"> |