Bootstrap 3 und Sticky Footer

7

in der letzten Stunde habe ich versucht herauszufinden, was genau falsch ist, wenn meine klebrige Fußzeile nicht funktioniert. Ich habe genau die gleiche Struktur wie das Beispiel auf der getboostrap Seite, aber es scheint nicht zu funktionieren. Irgendwelche Ideen was genau falsch ist?

Alle Bootstrap-CSS-Dateien werden korrekt geladen.

%Vor%

Ich habe die Lösung gefunden. Ich dachte, das CSS würde auch das CSS für die Fußzeile enthalten, aber anscheinend nicht. Sie benötigen Folgendes, damit ein Sticky Footer mit dem Bootstrap funktioniert

%Vor%     
teh0wner 28.09.2013, 19:23
quelle

7 Antworten

11

Warum verwenden Sie nicht:

%Vor%

Damit lösen Sie Ihr Problem mit der unteren festen Navigation und Sie können alles darin platzieren.

    
Mandeep Gill 12.06.2014 14:19
quelle
7

Eine schnelle Fiddle mit Ihrem Code und einigen Verbesserungen an der Fußzeile: Ссылка .

%Vor%     
George Durzi 28.09.2013 19:36
quelle
6
%Vor%     
teh0wner 29.09.2013 11:31
quelle
1

Ein Beispiel für eine "sticky footer with a fixed navbar" (am oberen Rand der Seite) finden Sie in der Bootstrap-Dokumentation: Ссылка

CSS:

%Vor%     
a learner has no name 24.06.2014 09:06
quelle
1

Einfache einzigartige Lösung für Sticky Footer Baes auf @ teh0wner, habe ich einige JS

hinzugefügt

CSS

%Vor%

JS

%Vor%     
Miomir Dancevic 26.09.2014 05:48
quelle
1

So hat es bei mir funktioniert.

Ich habe die Fußzeilen-ID und die benutzerdefinierten Stilwerte zu dieser ID hinzugefügt und für das gleiche Look-and-Feel "navbar-default" hinzugefügt

HTML

%Vor%

CSS

%Vor%     
Joshua 17.03.2014 12:59
quelle
0

In Bootstrap 3, Container- und Fußzeilenklassen, werden Ihre CSS-Regeln irgendwie überschrieben. Ich habe versucht, die Hintergrundfarbe meiner Fußzeile zu ändern. Ich habe viele Dinge ausprobiert, die ich als Lösungen im Internet gefunden habe und die ich nicht erfolgreich umsetzen konnte. Nach der Verwendung der Clearfix-Klasse für die Fußzeile wurde die Seite zu dem, was ich wirklich sehen möchte.

%Vor% %Vor%
    
Murat SEKER 25.01.2017 19:02
quelle