aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2017-12-26 21:50:23 -0800
committerMark Otto <[email protected]>2017-12-26 21:50:23 -0800
commit572193524f8b5dabaf4722ad4852aecc0af0b763 (patch)
tree7b8ce70a4dcfbfc8efc23d658361dd6a0349ce57
parentacee8a00d6ab980356f7a04eebca0be0c85ff4b1 (diff)
downloadbootstrap-572193524f8b5dabaf4722ad4852aecc0af0b763.tar.xz
bootstrap-572193524f8b5dabaf4722ad4852aecc0af0b763.zip
remove popover static example
-rw-r--r--assets/scss/_component-examples.scss34
-rw-r--r--docs/4.0/components/popovers.md44
2 files changed, 3 insertions, 75 deletions
diff --git a/assets/scss/_component-examples.scss b/assets/scss/_component-examples.scss
index f0a1bd8fd..62c7ba720 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 f50084708..a9d5d4ffe 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.
-
-<div class="bd-example bd-example-popover-static">
- <div class="popover bs-popover-top bs-popover-top-docs">
- <div class="arrow"></div>
- <h3 class="popover-header">Popover top</h3>
- <div class="popover-body">
- <p>Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.</p>
- </div>
- </div>
-
- <div class="popover bs-popover-right bs-popover-right-docs">
- <div class="arrow"></div>
- <h3 class="popover-header">Popover right</h3>
- <div class="popover-body">
- <p>Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.</p>
- </div>
- </div>
-
- <div class="popover bs-popover-bottom bs-popover-bottom-docs">
- <div class="arrow"></div>
- <h3 class="popover-header">Popover bottom</h3>
- <div class="popover-body">
- <p>Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.</p>
- </div>
- </div>
-
- <div class="popover bs-popover-left bs-popover-left-docs">
- <div class="arrow"></div>
- <h3 class="popover-header">Popover left</h3>
- <div class="popover-body">
- <p>Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.</p>
- </div>
- </div>
-
- <div class="clearfix"></div>
-</div>
-
-## Live demo
+## Example
{% example html %}
<button type="button" class="btn btn-lg btn-danger" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">Click to toggle popover</button>
@@ -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.
+
<div class="bd-example popover-demo">
<div class="bd-example-popovers">
<button type="button" class="btn btn-secondary" data-container="body" data-toggle="popover" data-placement="top" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">