diff options
| author | Mark Otto <[email protected]> | 2017-12-26 21:50:23 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2017-12-26 21:50:23 -0800 |
| commit | 572193524f8b5dabaf4722ad4852aecc0af0b763 (patch) | |
| tree | 7b8ce70a4dcfbfc8efc23d658361dd6a0349ce57 /docs | |
| parent | acee8a00d6ab980356f7a04eebca0be0c85ff4b1 (diff) | |
| download | bootstrap-572193524f8b5dabaf4722ad4852aecc0af0b763.tar.xz bootstrap-572193524f8b5dabaf4722ad4852aecc0af0b763.zip | |
remove popover static example
Diffstat (limited to 'docs')
| -rw-r--r-- | docs/4.0/components/popovers.md | 44 |
1 files changed, 3 insertions, 41 deletions
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."> |