diff options
| author | Mark Otto <[email protected]> | 2015-04-16 16:56:40 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2015-04-16 16:56:40 -0700 |
| commit | 466d36e54175ee00927d6518d9481acd2d210590 (patch) | |
| tree | b24687c6657e786c372a4467d059ca064b590dbb /docs/components/dropdowns.md | |
| parent | 801d49fb32ffe03a9cc9fd4225896d747b37a0a5 (diff) | |
| download | bootstrap-466d36e54175ee00927d6518d9481acd2d210590.tar.xz bootstrap-466d36e54175ee00927d6518d9481acd2d210590.zip | |
Redo all our callouts with the custom callout plugin
- Replaces manual use of .bd-callout with {% callout [type] %}
- Rearranged some callouts for proximity to others
- Turned long lists of callouts--like those on tooltips, plugings, etc--into a list because holy shit that's overwhelming
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 fe5f81e47..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="bd-callout bd-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="bd-callout bd-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 |