我在尝试使用 Bootstrap 创建选项卡时遇到问题[已关闭]

Question

<ul class="nav nav-pills">
  <li class="active"><a href="">Tab 1 </a></li>
  <li><a href="">Tab 2</a></li>
</ul>

<ul class ="nav">
  <li class="active" ><a class="nav-link active" (click)="viewMode='map'">Map View</a></li>
  <li ><a  class="nav-link" (click)="viewMode='list'">List View</a></li>
</ul>

我用来在 Bootstrap 和 html 中创建选项卡的示例代码已共享。请告诉我你对我该如何进行的想法。

Answer 1

我不确定你想要什么。但我认为你可能是指创建一个导航栏或菜单栏。

但是，你应该更清楚地解释你想要什么。 您需要什么和您期望什么。

.nav-tabs .nav-link.active {
  background-color: #f8f9fa;
}

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" rel="stylesheet">

<div class="container">
  <ul class="nav nav-tabs">
    <li class="nav-item">
      <a class="nav-link active" data-toggle="tab" href="#map-view">Map View</a>
    </li>
    <li class="nav-item">
      <a class="nav-link" data-toggle="tab" href="#list-view">List View</a>
    </li>
  </ul>
</div>