Я нашел учебник по css-tricks.com для прикрепления нижнего колонтитула к нижней части экрана/страницы, и он работает хорошо, единственная проблема заключается в том, что он вызывает прокрутка произойдет после нижнего колонтитула. Его легкий, но очень раздражающий.Поднимите нижний колонтитул внизу страницы без прокрутки
Heres мой HTML:
<div class="container content">
<div class="row">
content
</div>
</div>
<div class="container site-footer">
<div class="row">
<div class="col-md-7 col-md-offset-1">
<h3 class ="footer-content"></h3><br><span class="text-muted">Version {{ TAG }}</span>
</div>
</div>
</div>
и Heres мой CSS:
html, body {
height: 100%;
}
.content {
min-height: 100%;
/* equal to footer height */
margin-bottom: -142px;
}
.content:after {
content: "";
display: block;
}
.site-footer, .content:after {
height: 142px;
min-width: 100%;
}
.site-footer {
background: orange;
padding: 0px;
margin: 0px;
}
Im используя Bootstrap 3 Aswell
Что вы имеете в виду «это вызывает прокрутки произойдет после того, как сноске»? Может быть, вы можете поделиться скриншотом? – HJerem
Heres the codepen canvas, который я использовал, чтобы попытаться понять его, поэтому вы можете сами убедиться. Http://codepen.io/Shredivan/pen/MKEyGm –
Добавить css сбросить/нормализовать и удалить любые поля в заголовке в нижний колонтитул. Часто в таких случаях проблема заключается в заполнении или разметке элемента HTML/body и/или элемента заголовка в верхней или нижней части. –