Skip to content

B
bootstrap
Commit c6ad3a8d authored by Chris Rebert's avatar Chris Rebert
Browse files
Options

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

parent d46a12e6
Hide whitespace changes
Inline Side-by-side
Showing with 12 additions and 12 deletions
docs/_includes/js/popovers.html
View file @ c6ad3a8d
...@@ -39,7 +39,7 @@ $(function () { ...@@ -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 () { ...@@ -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 () { ...@@ -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 () { ...@@ -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">
......
docs/_includes/js/tooltips.html
View file @ c6ad3a8d
...@@ -12,25 +12,25 @@ ...@@ -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
......
docs/javascript/popovers.md
View file @ c6ad3a8d
...@@ -43,7 +43,7 @@ $(function () { ...@@ -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. ...@@ -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. ...@@ -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. ...@@ -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">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment