mirrors/bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-14 18:42:30 +03:00
Code Activity

Use callout without custom Jekyll plugin.

Browse Source
This commit is contained in:
m5o
2018-01-16 00:49:36 +02:00
committed by XhmikosR
parent 7b2427cc6b
commit b5e6eb22a6
30 changed files with 110 additions and 118 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/4.0/components/popovers.md
+7 -6
View File
@@ -95,11 +95,12 @@ sagittis lacus vel augue laoreet rutrum faucibus.">
Use the `focus` trigger to dismiss popovers on the user's next click of a different element than the toggle element.
{% callout danger %}
{% capture callout %}
#### Specific markup required for dismiss-on-next-click
For proper cross-browser and cross-platform behavior, you must use the `<a>` tag, _not_ the `<button>` tag, and you also must include a [`tabindex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) attribute.
{% endcallout %}
{% endcapture %}
{% include callout.html content=callout type="danger" %}
{% example html %}
<a tabindex="0" class="btn btn-lg btn-danger" role="button" data-toggle="popover" data-trigger="focus" title="Dismissible popover" data-content="And here's some amazing content. It's very engaging. Right?">Dismissible popover</a>
@@ -246,16 +247,16 @@ Options can be passed via data attributes or JavaScript. For data attributes, ap
</tbody>
</table>
{% callout info %}
{% capture callout %}
#### Data attributes for individual popovers
Options for individual popovers can alternatively be specified through the use of data attributes, as explained above.
{% endcallout %}
{% endcapture %}
{% include callout.html content=callout type="info" %}
### Methods
{% capture callout-include %}{% include callout-danger-async-methods.md %}{% endcapture %}
{{ callout-include | markdownify }}
{% include callout-danger-async-methods.md %}
#### `$().popover(options)`