Wie füge ich in Twitter Bootstrap eine Fußzeile an das Ende der Seite ein?

Fußzeile mit Twitter Bootstrap an den Seitenende spülen

Eine Fußzeile mithilfe von CSS an den Seitenende zu spülen, ist eine gängige Technik. Allerdings treten beim Versuch, diesen Ansatz mit Twitter Bootstrap anzuwenden, aufgrund seiner reaktionsfähigen Natur Schwierigkeiten auf.

In früheren Versionen von Bootstrap war das Verschieben der Fußzeile nach unten nicht enthalten. In Bootstrap 2.2.1 und höher ist diese Funktion jedoch verfügbar.

Bootstrap 3.x

Um die Fußzeile in Bootstrap 3.x zu leeren, verwenden Sie die Navigationsleiste Komponente und fügen Sie die Klasse .navbar-fixed-bottom hinzu. Dadurch wird die Fußzeile unabhängig von der Seitenhöhe am unteren Rand der Seite fixiert.

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

Bootstrap 4.x

In Bootstrap 4.x wird die Die Syntax hat sich leicht geändert. Um die Fußzeile unten zu fixieren, verwenden Sie den folgenden Code:

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

Um zu verhindern, dass der Seiteninhalt verdeckt wird, fügen Sie body { padding-bottom: 70px; } oder eine ähnliche Stilregel.

Das obige ist der detaillierte Inhalt vonWie füge ich in Twitter Bootstrap eine Fußzeile an das Ende der Seite ein?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!