diff options
| author | Mark Otto <[email protected]> | 2015-04-16 18:54:17 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2015-04-16 18:54:17 -0700 |
| commit | 0ab1576ae227663d9e97040a486e1ca2818bab1e (patch) | |
| tree | d852285be3a39c9cc73d17bea3602a0b62c0faad /docs/components/dropdowns.md | |
| parent | 605990400eb470e50bcdfd3643b8cc10f2684836 (diff) | |
| parent | 06c2862d257935871fc846670148c8767e2f6a82 (diff) | |
| download | bootstrap-0ab1576ae227663d9e97040a486e1ca2818bab1e.tar.xz bootstrap-0ab1576ae227663d9e97040a486e1ca2818bab1e.zip | |
Merge branch 'v4' of https://github.com/twbs/derpstrap into v4
Diffstat (limited to 'docs/components/dropdowns.md')
| -rw-r--r-- | docs/components/dropdowns.md | 18 |
1 files changed, 10 insertions, 8 deletions
diff --git a/docs/components/dropdowns.md b/docs/components/dropdowns.md index efb0f6309..a24093d9a 100644 --- a/docs/components/dropdowns.md +++ b/docs/components/dropdowns.md @@ -32,10 +32,11 @@ Wrap the dropdown's trigger and the dropdown menu within `.dropdown`, or another By default, a dropdown menu is automatically positioned 100% from the top and along the left side of its parent. Add `.dropdown-menu-right` to a `.dropdown-menu` to right align the dropdown menu. -<div class="bs-callout bs-callout-warning"> - <h4>May require additional positioning</h4> - <p>Dropdowns are automatically positioned via CSS within the normal flow of the document. This means dropdowns may be cropped by parents with certain <code>overflow</code> properties or appear out of bounds of the viewport. Address these issues on your own as they arise.</p> -</div> +{% callout warning %} +#### May require additional positioning + +Dropdowns are automatically positioned via CSS within the normal flow of the document. This means dropdowns may be cropped by parents with certain `overflow` properties or appear out of bounds of the viewport. Address these issues on your own as they arise. +{% endcallout %} {% highlight html %} <ul class="dropdown-menu dropdown-menu-right" role="menu" aria-labelledby="dLabel"> @@ -146,10 +147,11 @@ Call the dropdowns via JavaScript: $('.dropdown-toggle').dropdown() {% endhighlight %} -<div class="bs-callout bs-callout-info"> - <h4><code>data-toggle="dropdown"</code> still required</h4> - <p>Regardless of whether you call your dropdown via JavaScript or instead use the data-api, <code>data-toggle="dropdown"</code> is always required to be present on the dropdown's trigger element.</p> -</div> +{% callout info %} +#### `data-toggle="dropdown"` still required + +Regardless of whether you call your dropdown via JavaScript or instead use the data-api, `data-toggle="dropdown"` is always required to be present on the dropdown's trigger element. +{% endcallout %} ### Options |