Ich versuche, eine Fußzeile Klasse zu erstellen, aber es scheint, um an der Unterseite meiner Klasse .body-wrap
im Gegensatz zu der tatsächlichen Seite zu sein.Fußzeile nicht am Ende der Seite
.body-wrap {
height: 100%;
padding-top: 3%;
padding-left: 20%;
padding-right: 20%;
}
.footer-wrap {
border: 1px black solid;
position: relative;
z-index: 10;
height: 3em;
margin-top: -3em;
text-align: center;
}
<div id="page-content-wrapper">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12">
<div class="header-wrap">
<a href="#menu-toggle" class="menu-toggle">
<img class="hamburger-toggle" src="./img/menu.svg">
</a>
<img class="logo" src="./img/Spark.svg">
<img class="text-logo" src="./img/Spark-grey-text.svg">
</div>
<div class="body-wrap">
<h1>Hi Dave.</h1>
<h2>Got an idea? Share it on Spark.</h2>
</div>
<div class="footer-wrap">
<p>footer text.</p>
</div>
</div>
</div>
</div>
</div>
Ich verwende auch eine Bootstrap-Sidebar-Vorlage. Gefunden hier: http://startbootstrap.com/template-overviews/simple-sidebar/
Hilfe wäre willkommen.
Warum 'position: fixed;' und 'position: relative;' in derselben Klasse? Entferne 'position: relative;' –
weil du einen negativen Rand anlegst 'marg-top: -3em;' – Sherlock
Erscheint immer noch in der Mitte der Seite. –