rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-21 18:54:30 +01:00
Code Issues Actions Packages Releases Activity

fixes #13210: clean up tooltip example

Browse Source
This commit is contained in:
Mark Otto 2014-06-08 10:50:54 -07:00
parent 98574cd018
commit 5fd8ca9089
2 changed files with 15 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
docs/examples/tooltip-viewport/index.html
View File

@ -32,21 +32,19 @@
<body> <body>
<button class="btn pull-right tooltip-bottom" title="This should be shifted to the left">Shift Left</button> <button class="btn btn-default 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 btn-default 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 tooltip-right" title="This should be shifted down">Shift Down</button>
<div class="placeholder">There is a button down there ↓</div> <button class="btn btn-default tooltip-right btn-bottom" title="This should be shifted up">Shift Up</button>
<button class="btn tooltip-right" title="This should be shifted up">Shift Up</button>
<div class="container-viewport"> <div class="container-viewport">
<button class="btn tooltip-viewport-bottom" title="This should be shifted to the left">Shift Left</button> <button class="btn btn-default 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-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> </div>

16
docs/examples/tooltip-viewport/tooltip-viewport.css
View File

@ -8,18 +8,16 @@ body {
.tooltip .tooltip-inner { .tooltip .tooltip-inner {
min-width: 250px; min-width: 250px;
max-width: 500px; max-width: 500px;
min-height: 200px; min-height: 100px;
} text-align: left;
.placeholder {
height: 900px;
} }
.container-viewport { .container-viewport {
position: absolute; position: absolute;
top: 600px; top: 100px;
left: 200px; left: 250px;
width: 600px; right: 250px;
height: 400px; height: 300px;
background: #c00; background-color: #eee;
} }
.btn-bottom { .btn-bottom {
position: absolute; position: absolute;