2016-07-19 10 views
0

Ich benutze Bootstrap und ich habe versucht, die Schriftart meiner ul mit CSS ändern, aber es funktioniert nicht. Ich habe den folgenden Code ausprobiert.Ändern der Schriftart einer ul in Bootstrap und CSS

ul { 
    font-family: Arial; 
} 

<ul class="nav navbar-nav pull-right"> 
      <li><a href="#"><span class="glyphicon glyphicon-user"> My Account</a></li> 
     </ul> 
+0

Bootstrap gibt eine Schriftart in seinem CSS festgelegt. Um die Bootstrap-Klassennamen zu verwenden, aber Ihre eigene Schriftart zu überschreiben, würde ich "! Wichtig am Ende Ihrer Schriftart-Deklaration. Wie so ....." Schriftart-Familie: Arial! Wichtig; "oder wenn Sie fühle mich wohl dabei, die Quelle zu bearbeiten Bootstrap gehe dort hinein und ändere die Schriftart für die Klassen, die du verwendest – HisPowerLevelIsOver9000

+0

Funktioniert nicht:/Ich werde versuchen, den Quellcode zu bearbeiten –

+0

Du legst den Text in dein 'glyphicon' Tag (welches ist nicht geschlossen), platziere es nach deinem geschlossenen 'span'-Tag und es funktioniert. Und benutze' navbar-right 'anstelle von' pull-right' [Docs] (https://getbootstrap.com/components/#navbar (Component-Alignment) – vanburen

Antwort

2

Ich glaube, das von Ihrem <span> Tag verursacht wird, nicht geschlossen wird. Das folgende funktioniert für mich:

<ul class="nav navbar-nav pull-right"> 
    <li><a href="#"><span class="glyphicon glyphicon-user"></span> My Account</a></li> 
</ul> 
+0

Es hat funktioniert, aber könntest du mir erklären, warum das das Problem war? Ich versuche Bootstrap zu lernen und nicht nur Dinge zu merken: P –

+1

Da '' '' '' 'nicht geschlossen war, das' '' glyphicon glyphicon-user''' Stile wurden wahrscheinlich auf alles angewendet, was diesen Punkt passierte h enthält den Text "Mein Konto". – LukeGeneva

+1

Oh. Danke für die Erklärung! –

Verwandte Themen