diff options
| author | Mark Otto <[email protected]> | 2014-06-08 11:19:35 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2014-06-08 11:19:35 -0700 |
| commit | 34891de173f1ea1dfd470d4cdeed52f83d9a253b (patch) | |
| tree | a7cb7aaf85bdfce5e1f0a8165879193c327179b6 /docs/examples/tooltip-viewport | |
| parent | d66b65ddde1b2f1a5cb14f601d30c552c79d7626 (diff) | |
| parent | 1e3b93804fa88d247d8708529fb44b28d73fd91f (diff) | |
| download | bootstrap-34891de173f1ea1dfd470d4cdeed52f83d9a253b.tar.xz bootstrap-34891de173f1ea1dfd470d4cdeed52f83d9a253b.zip | |
grunt
Diffstat (limited to 'docs/examples/tooltip-viewport')
| -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..26aa2e348 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; + right: 250px; + left: 250px; + height: 300px; + background-color: #eee; } .btn-bottom { position: absolute; |