Ich bin neu in Bootstrap, und ich versuche, es mit Symfony2 zu verwenden. Ich habe bereits ein Haupt-Topbar-Sticky, das für die Navigation verwendet wird. Mein Problem ist, wenn ich versuche, eine ähnliche Fußzeile hinzuzufügen, die unten klebrig ist, aber sie überlappt meinen Inhalt. Ich bin mit einem JQuery-Skript, das Problem für die obere Navigationsleiste zu vermeiden, wie folgt aus:bootstrap sticky footer überlappenden Inhalt
$(document).ready(function(){
$(document.body).css('padding-top', $('#topnavbar').height());
$(window).resize(function(){
$(document.body).css('padding-top', $('#topnavbar').height());
});
});
Die Struktur meiner wichtigsten Zweig Layout ist wie folgt:
<div class="navbar navbar-default navbar-fixed-top" id="topnavbar">
<div class="container-fluid">
</div>
</div>
{% block body %}
{% endblock %}
<footer class="footer navbar-fixed-bottom">
</footer>
Meine CSS Original. Ich habe versucht mit margin bottom
oder padding bottom
aber die Überlappung meines Inhalts (in der {% Block Körper%}) ist immer vorhanden, und ich weiß nicht, was zu tun ist, um es zu beheben. Hat jemand eine Idee?
Hier ist der Bildschirm dieses Ergebnis: [link] (http://i.imgur.com/0RCYehs.png) Ich versuche haben viel von Ding wie Körper {margin: 0 0 60px; } oder ändere mein jquery-Skript durch Hinzufügen von bottom.nav wie: $ (document.body) .css ('margin-bottom', $ ('# botnavbar'). height()); (mit der richtigen ID in meiner Fußzeile). Aber bisher hat noch nichts geklappt. – lll
Ich denke, es wird schwer sein, ohne den eigentlichen Code zu helfen - den HTML-Code für die Seite und das CSS. Gibt es einen besonderen Grund, warum Sie JQuery verwenden, anstatt Änderungen direkt an CSS vorzunehmen? – frumious
Ich benutze es für das Responsive Ich weiß nicht, ob diese Hilfe aber für mich funktioniert. Ich suche nach [exemple] (http://jeremie.patonnier.net/pages/mentions-legales) diese Fußzeile, aber ich verstehe nicht, warum es immer eine Überlappung gibt, die ich einen Rand-Boden mit ähnlich 110 hinzufüge % es funktioniert, aber wenn ich einen Inhalt hinzufügen, dann muss ich einen anderen Rand unten definieren. (Der Rand unten funktioniert nur, wenn ich das Skript deaktiviere) – lll