diff options
| author | Mark Otto <[email protected]> | 2014-06-08 10:50:54 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2014-06-08 10:51:32 -0700 |
| commit | 5fd8ca9089aaaf9af2bf9282f3b95343db896eb9 (patch) | |
| tree | f2a4ec7b3ce6cf928a630e9fa1258a0ef8a53ea3 | |
| parent | 98574cd018f7892795a1157ecdc57082aae904c9 (diff) | |
| download | bootstrap-5fd8ca9089aaaf9af2bf9282f3b95343db896eb9.tar.xz bootstrap-5fd8ca9089aaaf9af2bf9282f3b95343db896eb9.zip | |
fixes #13210: clean up tooltip example
| -rw-r--r-- | docs/examples/tooltip-viewport/index.html | 18 | ||||
| -rw-r--r-- | docs/examples/tooltip-viewport/tooltip-viewport.css | 16 |
2 files changed, 15 insertions, 19 deletions
diff --git a/docs/examples/tooltip-viewport/index.html b/docs/examples/tooltip-viewport/index.html index dc0b47310..ddeb70774 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 b9a237cfc..4eff7f685 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; |