Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.
@@ -231,12 +234,12 @@ Options can be passed via data attributes or JavaScript. For data attributes, ap
template
string
- '<div class="popover" role="tooltip"><div class="popover-arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>''<div class="popover" role="tooltip"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>'
Base HTML to use when creating the popover.
The popover's title will be injected into the .popover-title.
The popover's content will be injected into the .popover-content.
- .popover-arrow will become the popover's arrow.
+ .arrow will become the popover's arrow.
The outermost wrapper element should have the .popover class.
@@ -256,16 +259,17 @@ Options can be passed via data attributes or JavaScript. For data attributes, ap
How popover is triggered - click | hover | focus | manual. You may pass multiple triggers; separate them with a space. `manual` cannot be combined with any other trigger.
- constraints
- Array
- 'hover focus'
- An array of constraints - passed through to Tether. For more information refer to Tether's constraint docs .
+ offset
+ number | string
+ 0
+ Offset of the popover relative to its target. For more information refer to Popper.js's offset docs .
- offset
- string
- '0 0'
- Offset of the popover relative to its target. For more information refer to Tether's offset docs .
+ fallbackPlacement
+ string | array
+ ['top', 'right', 'bottom', 'left']
+ Allow to specify which position Popper will use on fallback. For more information refer to
+ Popper.js's behavior docs
@@ -328,6 +332,12 @@ Toggles the ability for an element's popover to be shown or hidden.
{% highlight js %}$('#element').popover('toggleEnabled'){% endhighlight %}
+#### `.popover('update')`
+
+Updates the position of an element's popover.
+
+{% highlight js %}$('#element').popover('update'){% endhighlight %}
+
### Events
diff --git a/docs/components/tooltips.md b/docs/components/tooltips.md
index 393d94c05e33..cf3ae3c44685 100644
--- a/docs/components/tooltips.md
+++ b/docs/components/tooltips.md
@@ -16,7 +16,7 @@ Inspired by the excellent Tipsy jQuery plugin written by Jason Frame. Tooltips a
Things to know when using the tooltip plugin:
-- Tooltips rely on the 3rd party library [Tether](http://tether.io/) for positioning. You must include [tether.min.js](https://github.com/HubSpot/tether/blob/master/dist/js/tether.min.js) before bootstrap.js in order for tooltips to work!
+- Tooltips rely on the 3rd party library [Popper.js](https://popper.js.org) for positioning. You must include [popper.min.js](https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.9.3/umd/popper.min.js) before bootstrap.js in order for tooltips to work!
- Tooltips are opt-in for performance reasons, so **you must initialize them yourself**.
- Tooltips with zero-length titles are never displayed.
- Specify `container: 'body'` to avoid rendering problems in more complex components (like our input groups, button groups, etc).
@@ -51,22 +51,26 @@ Hover over the links below to see tooltips:
Four options are available: top, right, bottom, and left aligned.
@@ -304,6 +309,12 @@ Toggles the ability for an element's tooltip to be shown or hidden.
{% highlight js %}$('#element').tooltip('toggleEnabled'){% endhighlight %}
+#### `.tooltip('update')`
+
+Updates the position of an element's tooltip.
+
+{% highlight js %}$('#element').tooltip('update'){% endhighlight %}
+
### Events
diff --git a/docs/examples/album/index.html b/docs/examples/album/index.html
index 36d567540111..f5155f385c91 100644
--- a/docs/examples/album/index.html
+++ b/docs/examples/album/index.html
@@ -118,7 +118,7 @@ Album example
-
+
-
+
diff --git a/docs/examples/carousel/index.html b/docs/examples/carousel/index.html
index 072129a61905..b0eebc6bf039 100644
--- a/docs/examples/carousel/index.html
+++ b/docs/examples/carousel/index.html
@@ -176,7 +176,7 @@ And lastly, this one. Ch
-
+
diff --git a/docs/examples/cover/index.html b/docs/examples/cover/index.html
index 62897fae4ec3..1cc780ba68ec 100644
--- a/docs/examples/cover/index.html
+++ b/docs/examples/cover/index.html
@@ -60,7 +60,7 @@ Cover your page.
-
+
diff --git a/docs/examples/dashboard/index.html b/docs/examples/dashboard/index.html
index 923c5a59478c..3e13b0ded199 100644
--- a/docs/examples/dashboard/index.html
+++ b/docs/examples/dashboard/index.html
@@ -254,7 +254,7 @@ Section title
-
+
diff --git a/docs/examples/jumbotron/index.html b/docs/examples/jumbotron/index.html
index 35c308d14f15..9c4015f7bd1e 100644
--- a/docs/examples/jumbotron/index.html
+++ b/docs/examples/jumbotron/index.html
@@ -93,7 +93,7 @@ Heading
-
+
diff --git a/docs/examples/justified-nav/index.html b/docs/examples/justified-nav/index.html
index 23615bd60598..a1ccb8c38c83 100644
--- a/docs/examples/justified-nav/index.html
+++ b/docs/examples/justified-nav/index.html
@@ -96,7 +96,7 @@ Heading
-
+
diff --git a/docs/examples/navbar-top-fixed/index.html b/docs/examples/navbar-top-fixed/index.html
index e7685c5be1ba..75673ac46bde 100644
--- a/docs/examples/navbar-top-fixed/index.html
+++ b/docs/examples/navbar-top-fixed/index.html
@@ -56,7 +56,7 @@ Navbar example
-
+
diff --git a/docs/examples/navbar-top/index.html b/docs/examples/navbar-top/index.html
index c748a33a5b36..9eceb3e5f722 100644
--- a/docs/examples/navbar-top/index.html
+++ b/docs/examples/navbar-top/index.html
@@ -56,7 +56,7 @@ Navbar example
-
+
diff --git a/docs/examples/navbars/index.html b/docs/examples/navbars/index.html
index d3c53edc5960..036ffd888a06 100644
--- a/docs/examples/navbars/index.html
+++ b/docs/examples/navbars/index.html
@@ -351,7 +351,7 @@ Navbar examples
-
+
diff --git a/docs/examples/offcanvas/index.html b/docs/examples/offcanvas/index.html
index 8183714b1b8f..0968770044b9 100644
--- a/docs/examples/offcanvas/index.html
+++ b/docs/examples/offcanvas/index.html
@@ -127,7 +127,7 @@ Heading
-
+
diff --git a/docs/examples/starter-template/index.html b/docs/examples/starter-template/index.html
index 37e5b04f3302..98b2ae450064 100644
--- a/docs/examples/starter-template/index.html
+++ b/docs/examples/starter-template/index.html
@@ -66,7 +66,7 @@ Bootstrap starter template
-
+
diff --git a/docs/examples/sticky-footer-navbar/index.html b/docs/examples/sticky-footer-navbar/index.html
index dffcbc46475d..fe13d569ea54 100644
--- a/docs/examples/sticky-footer-navbar/index.html
+++ b/docs/examples/sticky-footer-navbar/index.html
@@ -64,7 +64,7 @@ Sticky footer with fixed navbar
-
+
diff --git a/docs/examples/tooltip-viewport/index.html b/docs/examples/tooltip-viewport/index.html
index 8fd3f804985f..045515ae3be3 100644
--- a/docs/examples/tooltip-viewport/index.html
+++ b/docs/examples/tooltip-viewport/index.html
@@ -39,9 +39,8 @@
-
+
-
diff --git a/docs/getting-started/introduction.md b/docs/getting-started/introduction.md
index 0ca845a8a507..94edff52b33e 100644
--- a/docs/getting-started/introduction.md
+++ b/docs/getting-started/introduction.md
@@ -25,11 +25,11 @@ Copy-paste the stylesheet `