使用不带大写字母的引导导航栏

Question

我正在使用相当多的引导导航栏，默认情况下所有文本都以大写字母显示。如何覆盖此默认样式？

Answer 1

将此样式放在您自己的样式表示例中的导航列表：

.Nav {text-transform: capitalize;}

您可能需要在分号之前添加!important。

希望这有帮助。

Answer 2

为了摆脱自动大写 Bootstrap 链接中的第一个字母，我使用 text-transform: initial 而不是 text-transform: capitalize; ：

<style>
  .initial a {
    text-transform: initial;
  }
</style>
<nav class='navbar navbar-expand-sm initial'>
  <ul class='navbar-nav'>
    <li class='nav-item'>
      <a class='nav-link' href='#'>Link name</a>
    </li>
  </ul>
</nav>