html - 无法覆盖 bootstrap 5 的字体大小

Question

我正在学习 bootstrap 5。所以当我尝试编辑导航栏品牌的字体大小时。它保留了基本的字体大小，但不起作用。此外，如果我尝试向导航栏品牌添加填充，它不会在顶部或底部应用填充。

.navbar-brand {
  font-family: "Ubuntu";
  font-size: 2.5rem;
  font-weight: bold;

<link href="https://cdn.jsdelivr.net/npm/<a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="492b26263d3a3d3b2839097c67796778" rel="noreferrer noopener nofollow">[email protected]</a>/dist/css/bootstrap.min.css" rel="stylesheet"/>
  <a class="navbar-brand" href="#">tindog</a>

Answer 1

试试这个

a.navbar-brand {
  font-family: "Ubuntu";
  font-size:2.5rem;
  font-weight: bold;
  }

<link href="https://cdn.jsdelivr.net/npm/<a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="abc9c4c4dfd8dfd9cadbeb9e859b859a" rel="noreferrer noopener nofollow">[email protected]</a>/dist/css/bootstrap.min.css" rel="stylesheet"/>
  <a class="navbar-brand" href="#">tindog</a>