1

嗨,我的链接没有显示为选项卡(使用 Bootstrap 4 和 Angular 5)。我只得到一个简单的链接。这变得非常简单,但这是第一次使用引导程序......非常感谢!

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

1 回答 1

0

似乎您的某些课程适用于 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>

于 2017-11-16T17:29:41.637 回答