diff --git a/docs/examples/tooltip-viewport/index.html b/docs/examples/tooltip-viewport/index.html
index dc0b47310ece67593c531bb665abce60af3ecdd5..ddeb70774a6904f99c93fda14ead7e6e11d5f0ab 100644
--- a/docs/examples/tooltip-viewport/index.html
+++ b/docs/examples/tooltip-viewport/index.html
@@ -32,21 +32,19 @@
<body>
- <button class="btn pull-right tooltip-bottom" title="This should be shifted to the left">Shift Left</button>
- <button class="btn tooltip-bottom" title="This should be shifted to the right">Shift Right</button>
- <button class="btn tooltip-right" title="This should be shifted down">Shift Down</button>
+ <button class="btn btn-default pull-right tooltip-bottom" title="This should be shifted to the left">Shift Left</button>
+ <button class="btn btn-default tooltip-bottom" title="This should be shifted to the right">Shift Right</button>
+ <button class="btn btn-default tooltip-right" title="This should be shifted down">Shift Down</button>
- <div class="placeholder">There is a button down there ↓</div>
-
- <button class="btn tooltip-right" title="This should be shifted up">Shift Up</button>
+ <button class="btn btn-default tooltip-right btn-bottom" title="This should be shifted up">Shift Up</button>
<div class="container-viewport">
- <button class="btn tooltip-viewport-bottom" title="This should be shifted to the left">Shift Left</button>
- <button class="btn tooltip-viewport-right" title="This should be shifted down">Shift Down</button>
+ <button class="btn btn-default tooltip-viewport-bottom" title="This should be shifted to the left">Shift Left</button>
+ <button class="btn btn-default tooltip-viewport-right" title="This should be shifted down">Shift Down</button>
- <button class="btn pull-right tooltip-viewport-bottom" title="This should be shifted to the right">Shift Right</button>
+ <button class="btn btn-default pull-right tooltip-viewport-bottom" title="This should be shifted to the right">Shift Right</button>
- <button class="btn tooltip-viewport-right btn-bottom" title="This should be shifted up">Shift Up</button>
+ <button class="btn btn-default tooltip-viewport-right btn-bottom" title="This should be shifted up">Shift Up</button>
</div>
diff --git a/docs/examples/tooltip-viewport/tooltip-viewport.css b/docs/examples/tooltip-viewport/tooltip-viewport.css
index b9a237cfcff1a261a19e8a131ae4afa90b151ed7..4eff7f68556ca7b83628f82148118a43ddf3a35f 100644
--- a/docs/examples/tooltip-viewport/tooltip-viewport.css
+++ b/docs/examples/tooltip-viewport/tooltip-viewport.css
@@ -8,18 +8,16 @@ body {
.tooltip .tooltip-inner {
min-width: 250px;
max-width: 500px;
- min-height: 200px;
-}
-.placeholder {
- height: 900px;
+ min-height: 100px;
+ text-align: left;
}
.container-viewport {
position: absolute;
- top: 600px;
- left: 200px;
- width: 600px;
- height: 400px;
- background: #c00;
+ top: 100px;
+ left: 250px;
+ right: 250px;
+ height: 300px;
+ background-color: #eee;
}
.btn-bottom {
position: absolute;