Ich bin ziemlich neu in Bootstrap und habe Probleme, eine Kopfzeile über der Navigationsleiste zu platzieren. Ich muss einen Header für die aktuelle Website mit mindestens 70 px Höhe haben, gleichzeitig muss ich sicherstellen, dass das Responsiveness funktioniert, wenn es durch das Mobiltelefon gesehen wird. Mein aktueller Code ist
%Vor%Was ich dachte, könnte ich hinzufügen
%Vor%Über der Navigationsleiste und platziere mein Logo dort.
Kann mir bitte jemand einen Beispielcode mit CSS geben, wie ich das erreichen kann? Da ich gehört habe, dass ein Minimum Padding beibehalten werden muss, damit die responsive Navigation funktioniert, wenn sie über ein mobiles Gerät angezeigt wird.
Fügen Sie ein Header-Tag hinzu und geben Sie ihm die Klasse "page-header" . Dies wird Ihrer Website eine nette kleine Überschrift geben.
Wenn Sie sich über die Standard-Header von Bootstrap wundern, sollten Sie auch wissen, wie Sie einen Subhead hinzufügen können.
%Vor%Ergebnis:
Sie können einen div- oder html5-Kopfzeilenblock über der Navigationsleiste auf folgende Weise platzieren, unter der Annahme, dass Ihre Breite 1000px für das Bild beträgt:
%Vor%Sie können Ihre Navigationsleiste nach dem obigen Code platzieren.
Sie können eine jsfiddle Demo
sehenTags und Links html5 css3 twitter-bootstrap html5boilerplate