Ustaw stopkę na dole strony za pomocą Twitter Bootstrap
Mam kilka stron internetowych, które nie mają dużo zawartości, a stopka znajduje się na środku strony, ale chcę, aby była na dole.
Umieściłem wszystkie moje strony w „uchwycie”
#holder {
min-height: 100%;
position:relative;
}
Następnie użyłem następującego CSS dla mojej stopki
ul.footer {
margin-top: 10px;
text-align: center;
}
ul.footer li {
color: #333;
display: inline-block;
}
#footer {
bottom: -50px;
height: 50px;
left: 0;
position: absolute;
right: 0;
}
HTML dla mojej stopki
<div class="container">
<div class="row">
<div class="span12">
<div id="footer">
<ul class="footer">
<li>Website built by <a href="#">Fishplate</a></li>
<li>Email:[email protected]</li>
</ul>
</div>
</div>
</div>
</div>
Chciałbym zachować płyn stopki.