twitter-bootstrap - 使用不带大写字母的 Bootstrap 导航栏

Question

我使用了很多 Bootstrap 导航栏，默认情况下所有文本都以大写字母显示。如何覆盖此默认样式？

Answer 1

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

.Nav {text-transform: capitalize;}

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

希望这可以帮助。

Answer 2

为了摆脱自动大写引导链接中的第一个字母，我使用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>