在Bootstrap和CSS中更改ul的字體

我正在使用Bootstrap，並試圖用CSS更改我的ul的字體，但它不起作用。我嘗試了下面的代碼。在Bootstrap和CSS中更改ul的字體

ul { 
    font-family: Arial; 
} 

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

來源

2016-07-19 Jordan M. Baron

引導指定的字體在CSS設置。要使用Bootstrap類名稱，但有自己的字體超過它，我會把「！重要的在你的字體聲明的末尾。像這樣......」font-family：Arial！important;「或者如果你感覺舒服編輯源代碼引導到那裏並改變你正在使用的類的字體 – HisPowerLevelIsOver9000

不起作用：/我會嘗試編輯源代碼 –

你正在將文本放在你的'glyphicon'標籤中沒有關閉），把它放在關閉的'span'標籤後面，它會起作用，並且使用'navbar-right'而不是'pull-right' [Docs]（https://getbootstrap.com/components/#navbar -component-alignment） – vanburen

我認爲這是由於您的<span>標記未被關閉造成的。對我來說，以下工作：

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

來源

2016-07-19 19:40:22 LukeGeneva

它可以工作，但是你能向我解釋爲什麼會出現這個問題嗎？我試着學習Bootstrap，而不是記憶東西：P –

因爲''''''沒有關閉， ''glyphicon glyphicon-user'''樣式可能適用於所有通過該點的事件h包含「我的帳戶」文本。 – LukeGeneva

哦。感謝您的解釋！ –

在Bootstrap和CSS中更改ul的字體

回答

相關問題