Fix HTML errors

This commit is contained in:
Julian Thilo 2014-03-28 13:03:22 +01:00
parent 90902db50c
commit 440cedeed3
2 changed files with 11 additions and 11 deletions

View File

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

View File

@ -6,23 +6,23 @@ body {
max-width: 500px; max-width: 500px;
} }
.tooltip .tooltip-inner { .tooltip .tooltip-inner {
min-height: 200px;
min-width: 250px; min-width: 250px;
max-width: 500px; max-width: 500px;
min-height: 200px;
} }
.placeholder { .placeholder {
height: 900px; height: 900px;
} }
.container-viewport { .container-viewport {
position: absolute; position: absolute;
left: 200px;
top: 600px; top: 600px;
left: 200px;
width: 600px; width: 600px;
height: 400px; height: 400px;
background: #c00; background: #c00;
} }
.btn-bottom { .btn-bottom {
position: absolute; position: absolute;
left: 0;
bottom: 0; bottom: 0;
left: 0;
} }