Fusszeile in Bootstrap korrigiert

Ich versuche Bootstrap und ich Frage mich, wie ich den beheben kann die Fußzeile auf der Unterseite die zimmerreserviereung, ohne das Sie verschwinden von der Seite, wenn der Inhalt gescrollt wird?

InformationsquelleAutor der Frage cerr | 2013-10-12

  1. 109

    Um eine Fußzeile, die am Boden klebt, das Ansichtsfenster, geben Sie ihm eine Feste position wie dieser:

    footer {
    position: fixed;
    height: 100px;
    bottom: 0;
    width: 100%;
}

    Bootstrap enthält dieses CSS in der Navigations - > Platzierung Abschnitt mit der Klasse fixed-bottom. Fügen Sie einfach diese Klasse, um Ihre footer-element:

    <footer class="fixed-bottom">

    Bootstrap docs: http://v4-alpha.getbootstrap.com/components/navbar/#placement

    InformationsquelleAutor der Antwort Josh KG

  2. 42

    Hinzufügen:

    <div class="footer navbar-fixed-bottom">

    https://stackoverflow.com/a/21604189

    EDIT: Klasse navbar-fixed-bottom wurde geändert, um fixed-bottom als die Bootstrap-v4-alpha.6.

    http://v4-alpha.getbootstrap.com/components/navbar/#placement

    InformationsquelleAutor der Antwort Siddharth Chauhan

  3. 2

    Hinzufügen z-index:-9999; zu dieser Methode, oder es wird decken Sie Ihren top-bar, wenn Sie haben 1.

    InformationsquelleAutor der Antwort Daniel Tero

  4. -3

    Möchten Sie vielleicht zu prüfen, Beispiel:
    http://getbootstrap.com/2.3.2/examples/sticky-footer.html

    InformationsquelleAutor der Antwort Vladimir Dimchev

Schreibe einen Kommentar