diff --git a/docs/_includes/js/popovers.html b/docs/_includes/js/popovers.html index ef8e079415..04103c270a 100644 --- a/docs/_includes/js/popovers.html +++ b/docs/_includes/js/popovers.html @@ -24,6 +24,10 @@

Popovers on disabled elements require wrapper elements

To add a popover to a disabled or .disabled element, put the element inside of a <div> and apply the popover to that <div> instead.

+
+

Multiple-line links

+

Sometimes you want to add a popover to a hyperlink that wraps multiple lines. The default behavior of the popover plugin is to center it horizontally and vertically. Add white-space: nowrap; to your anchors to avoid this.

+

Static popover

Four options are available: top, right, bottom, and left aligned.

@@ -110,22 +114,16 @@ sagittis lacus vel augue laoreet rutrum faucibus.">

Dismiss on next click

Use the focus trigger to dismiss popovers on the next click that the user makes.

+
+

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 attribute.

+
- + Dismissible popover
{% highlight html %} - +Dismissible popover {% endhighlight %} -{% highlight js %} -$('.popover-dismiss').popover({ - trigger: 'focus' -}) -{% endhighlight %} - -
-

Multiple-line links

-

Sometimes you want to add a popover to a hyperlink that wraps multiple lines. The default behavior of the popover plugin is to center it horizontally and vertically. Add white-space: nowrap; to your anchors to avoid this.

-

Usage

diff --git a/docs/assets/js/src/application.js b/docs/assets/js/src/application.js index 792fc97790..cfcfa2b503 100644 --- a/docs/assets/js/src/application.js +++ b/docs/assets/js/src/application.js @@ -97,9 +97,8 @@ $('.tooltip-test').tooltip() $('.popover-test').popover() - // Default & dismissible popover demos + // Popover demos $('.bs-docs-popover').popover() - $('.bs-docs-popover-dismiss').popover({ trigger: 'focus' }) // Button state demo $('#loading-example-btn').click(function () {