Bootstrap 引导导航栏字体更改查询

c8ib6hqw  于 2022-12-07  发布在  Bootstrap
关注(0)|答案(2)|浏览(258)

我已经找了一段时间,似乎找不到这个问题的答案。我发现了许多自定义页面,但没有字体。
如何更改 Bootstrap 导航栏的字体?我是 Bootstrap 新手,希望能得到一些指导。
提前感谢!

9fkzdhlc

9fkzdhlc1#

首先,您需要使用CSS选择导航栏,可以使用navbar,也可以使用它的类或id。
然后,我们需要使用CSS定义font-family,并使用!important覆盖原始引导CSS
当我们把它们放在一起时,它看起来像这样:

navbar { font-family:Verdana !important; }

希望这对你有帮助!

nwlls2ji

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>
             .
             .
             .

相关问题