Question

您好我的链接没有显示为标签（使用Bootstrap 4和Angular 5）。我只得到一个简单的链接。这非常简单，但这是第一次使用bootstrap ... 非常感谢！

<div>
  <nav class="navbar navbar-inverse bg-primary">
    <div class="container">
      <ul class="nav navbar-nav" routerLinkActive="active">
        <li class="nav-item active">
          <a class="nav-link" [routerLink]="['/legalTerms']">Legal Terms</a>
        </li>
      </ul>
    </div>
  </nav>
</div>
<router-outlet></router-outlet>

Answer 1

好像你的一些课程是针对Bootstrap 3的。

以下是制作标签导航的正确方法：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">
<ul class="nav nav-tabs">
  <li class="nav-item">
    <a class="nav-link active" href="#">Active</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#">Link</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#">Link</a>
</ul>

引导程序导航栏中的角度路由器链接

1 个答案: