Skip to content

B
bootstrap
Commit 5fd8ca90 authored by Mark Otto's avatar Mark Otto
Browse files
Options

fixes #13210: clean up tooltip example

parent 98574cd0
Show whitespace changes
Inline Side-by-side
Showing with 15 additions and 19 deletions
docs/examples/tooltip-viewport/index.html
View file @ 5fd8ca90
......@@ -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>
......
docs/examples/tooltip-viewport/tooltip-viewport.css
View file @ 5fd8ca90
......@@ -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;
......
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