diff --git a/assets/scss/_component-examples.scss b/assets/scss/_component-examples.scss index f0a1bd8fd8..62c7ba720a 100644 --- a/assets/scss/_component-examples.scss +++ b/assets/scss/_component-examples.scss @@ -311,28 +311,6 @@ margin-bottom: 1rem; } -// Tooltips -.bd-example-tooltips { - text-align: center; - - > .btn { - margin-top: .25rem; - margin-bottom: .25rem; - } -} -.bs-tooltip-top-docs, -.bs-tooltip-bottom-docs { - .arrow { - left: 50%; - } -} -.bs-tooltip-right-docs, -.bs-tooltip-left-docs { - .arrow { - top: 50%; - } -} - // Popovers .bd-example-popover-static { padding-bottom: 1.5rem; @@ -346,18 +324,6 @@ margin: 1.25rem; } } -.bs-popover-top-docs, -.bs-popover-bottom-docs { - .arrow { - left: 50%; - } -} -.bs-popover-right-docs, -.bs-popover-left-docs { - .arrow { - top: 50%; - } -} // Tooltips .tooltip-demo a { diff --git a/docs/4.0/components/popovers.md b/docs/4.0/components/popovers.md index f500847089..a9d5d4ffe1 100644 --- a/docs/4.0/components/popovers.md +++ b/docs/4.0/components/popovers.md @@ -45,47 +45,7 @@ $(function () { }) {% endhighlight %} -## Static popover - -Four options are available: top, right, bottom, and left aligned. - -
-
-
-

Popover top

-
-

Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

-
-
- -
-
-

Popover right

-
-

Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

-
-
- -
-
-

Popover bottom

-
-

Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

-
-
- -
-
-

Popover left

-
-

Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.

-
-
- -
-
- -## Live demo +## Example {% example html %} @@ -93,6 +53,8 @@ Four options are available: top, right, bottom, and left aligned. ### Four directions +Four options are available: top, right, bottom, and left aligned. +