rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-01 13:24:25 +01:00
Code Issues Actions Packages Releases Activity

update docs to use .{tooltip,popover}-{left,right,top,bottom}

Browse Source
This commit is contained in:
Chris Rebert 2014-12-19 18:31:07 -08:00
parent d46a12e601
commit c6ad3a8d6d
3 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
docs/_includes/js/popovers.html
View File

@ -39,7 +39,7 @@ $(function () {
<h3>Static popover</h3> <h3>Static popover</h3>
<p>Four options are available: top, right, bottom, and left aligned.</p> <p>Four options are available: top, right, bottom, and left aligned.</p>
<div class="bs-example bs-example-popover"> <div class="bs-example bs-example-popover">
<div class="popover top"> <div class="popover popover-top">
<div class="popover-arrow"></div> <div class="popover-arrow"></div>
<h3 class="popover-title">Popover top</h3> <h3 class="popover-title">Popover top</h3>
<div class="popover-content"> <div class="popover-content">
@ -47,7 +47,7 @@ $(function () {
</div> </div>
</div> </div>
<div class="popover right"> <div class="popover popover-right">
<div class="popover-arrow"></div> <div class="popover-arrow"></div>
<h3 class="popover-title">Popover right</h3> <h3 class="popover-title">Popover right</h3>
<div class="popover-content"> <div class="popover-content">
@ -55,7 +55,7 @@ $(function () {
</div> </div>
</div> </div>
<div class="popover bottom"> <div class="popover popover-bottom">
<div class="popover-arrow"></div> <div class="popover-arrow"></div>
<h3 class="popover-title">Popover bottom</h3> <h3 class="popover-title">Popover bottom</h3>
@ -64,7 +64,7 @@ $(function () {
</div> </div>
</div> </div>
<div class="popover left"> <div class="popover popover-left">
<div class="popover-arrow"></div> <div class="popover-arrow"></div>
<h3 class="popover-title">Popover left</h3> <h3 class="popover-title">Popover left</h3>
<div class="popover-content"> <div class="popover-content">

8
docs/_includes/js/tooltips.html
View File

@ -12,25 +12,25 @@
<h3>Static tooltip</h3> <h3>Static tooltip</h3>
<p>Four options are available: top, right, bottom, and left aligned.</p> <p>Four options are available: top, right, bottom, and left aligned.</p>
<div class="bs-example bs-example-tooltip"> <div class="bs-example bs-example-tooltip">
<div class="tooltip left" role="tooltip"> <div class="tooltip tooltip-left" role="tooltip">
<div class="tooltip-arrow"></div> <div class="tooltip-arrow"></div>
<div class="tooltip-inner"> <div class="tooltip-inner">
Tooltip on the left Tooltip on the left
</div> </div>
</div> </div>
<div class="tooltip top" role="tooltip"> <div class="tooltip tooltip-top" role="tooltip">
<div class="tooltip-arrow"></div> <div class="tooltip-arrow"></div>
<div class="tooltip-inner"> <div class="tooltip-inner">
Tooltip on the top Tooltip on the top
</div> </div>
</div> </div>
<div class="tooltip bottom" role="tooltip"> <div class="tooltip tooltip-bottom" role="tooltip">
<div class="tooltip-arrow"></div> <div class="tooltip-arrow"></div>
<div class="tooltip-inner"> <div class="tooltip-inner">
Tooltip on the bottom Tooltip on the bottom
</div> </div>
</div> </div>
<div class="tooltip right" role="tooltip"> <div class="tooltip tooltip-right" role="tooltip">
<div class="tooltip-arrow"></div> <div class="tooltip-arrow"></div>
<div class="tooltip-inner"> <div class="tooltip-inner">
Tooltip on the right Tooltip on the right

8
docs/javascript/popovers.md
View File

@ -43,7 +43,7 @@ $(function () {
Four options are available: top, right, bottom, and left aligned. Four options are available: top, right, bottom, and left aligned.
<div class="bs-example bs-example-popover"> <div class="bs-example bs-example-popover">
<div class="popover top"> <div class="popover popover-top">
<div class="popover-arrow"></div> <div class="popover-arrow"></div>
<h3 class="popover-title">Popover top</h3> <h3 class="popover-title">Popover top</h3>
<div class="popover-content"> <div class="popover-content">
@ -51,7 +51,7 @@ Four options are available: top, right, bottom, and left aligned.
</div> </div>
</div> </div>
<div class="popover right"> <div class="popover popover-right">
<div class="popover-arrow"></div> <div class="popover-arrow"></div>
<h3 class="popover-title">Popover right</h3> <h3 class="popover-title">Popover right</h3>
<div class="popover-content"> <div class="popover-content">
@ -59,7 +59,7 @@ Four options are available: top, right, bottom, and left aligned.
</div> </div>
</div> </div>
<div class="popover bottom"> <div class="popover popover-bottom">
<div class="popover-arrow"></div> <div class="popover-arrow"></div>
<h3 class="popover-title">Popover bottom</h3> <h3 class="popover-title">Popover bottom</h3>
@ -68,7 +68,7 @@ Four options are available: top, right, bottom, and left aligned.
</div> </div>
</div> </div>
<div class="popover left"> <div class="popover popover-left">
<div class="popover-arrow"></div> <div class="popover-arrow"></div>
<h3 class="popover-title">Popover left</h3> <h3 class="popover-title">Popover left</h3>
<div class="popover-content"> <div class="popover-content">