我已经找了一段时间,似乎找不到这个问题的答案。我发现了许多自定义页面,但没有字体。如何更改 Bootstrap 导航栏的字体?我是 Bootstrap 新手,希望能得到一些指导。提前感谢!
9fkzdhlc1#
首先,您需要使用CSS选择导航栏,可以使用navbar,也可以使用它的类或id。然后,我们需要使用CSS定义font-family,并使用!important覆盖原始引导CSS。当我们把它们放在一起时,它看起来像这样:
navbar
font-family
!important
navbar { font-family:Verdana !important; }
希望这对你有帮助!
nwlls2ji2#
首先指定外部范围,例如:'navbar'类别。然后,指定要更改其字体的文本周围的标记的名称/类,这通常是锚标记:一种例如,下面的css代码对我很有效:
.navbar a{ font-family: Verdana !important; }
我的html代码看起来像这样:
<nav class="navbar bg-dark"> <div class="collapse navbar-collapse"> <ul class="navbar-nav"> <li class="nav-item"> <a class="nav-link" href="/">Home</a> </li> <li class="nav-item"> <a class="nav-link" href="/about">About</a> </li> <li class="nav-item"> <a class="nav-link" href="/posts">Posts</a> </li> . . .
2条答案
按热度按时间9fkzdhlc1#
首先,您需要使用CSS选择导航栏,可以使用
navbar
,也可以使用它的类或id。然后,我们需要使用CSS定义
font-family
,并使用!important
覆盖原始引导CSS。当我们把它们放在一起时,它看起来像这样:
希望这对你有帮助!
nwlls2ji2#
首先指定外部范围,例如:'navbar'类别。
然后,指定要更改其字体的文本周围的标记的名称/类,这通常是锚标记:一种
例如,下面的css代码对我很有效:
我的html代码看起来像这样: