diff options
| author | Mark Otto <[email protected]> | 2017-06-14 22:03:33 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2017-06-15 09:05:30 -0700 |
| commit | 9c0e4230084c42be53da091414cb5b9d302a81a9 (patch) | |
| tree | cbb0d03c53d09c13127c3519fd19be435f901845 /docs | |
| parent | 6c8c0aa4cf96e7b14b0607751753e158beb40e9d (diff) | |
| download | bootstrap-9c0e4230084c42be53da091414cb5b9d302a81a9.tar.xz bootstrap-9c0e4230084c42be53da091414cb5b9d302a81a9.zip | |
Rename popover classes
Part of an update to align the naming schemes across our components.
- Renames .popover-title to .popover-header
- Renames .popover-content to .popover-body
Refs: #22092
Diffstat (limited to 'docs')
| -rw-r--r-- | docs/4.0/components/popovers.md | 22 |
1 files changed, 11 insertions, 11 deletions
diff --git a/docs/4.0/components/popovers.md b/docs/4.0/components/popovers.md index cd6599158..123c3c3be 100644 --- a/docs/4.0/components/popovers.md +++ b/docs/4.0/components/popovers.md @@ -52,32 +52,32 @@ 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-title">Popover top</h3> - <div class="popover-content"> + <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-title">Popover right</h3> - <div class="popover-content"> + <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-title">Popover bottom</h3> - <div class="popover-content"> + <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-title">Popover left</h3> - <div class="popover-content"> + <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> @@ -228,11 +228,11 @@ Options can be passed via data attributes or JavaScript. For data attributes, ap <tr> <td>template</td> <td>string</td> - <td><code>'<div class="popover" role="tooltip"><div class="arrow"></div><h3 class="popover-title"></h3><div class="popover-content"></div></div>'</code></td> + <td><code>'<div class="popover" role="tooltip"><div class="arrow"></div><h3 class="popover-header"></h3><div class="popover-body"></div></div>'</code></td> <td> <p>Base HTML to use when creating the popover.</p> - <p>The popover's <code>title</code> will be injected into the <code>.popover-title</code>.</p> - <p>The popover's <code>content</code> will be injected into the <code>.popover-content</code>.</p> + <p>The popover's <code>title</code> will be injected into the <code>.popover-header</code>.</p> + <p>The popover's <code>content</code> will be injected into the <code>.popover-body</code>.</p> <p><code>.arrow</code> will become the popover's arrow.</p> <p>The outermost wrapper element should have the <code>.popover</code> class.</p> </td> |