温馨提示:本文翻译自stackoverflow.com,查看原文请点击:其他 - Bootstrap 4 nav pills are not working
twitter-bootstrap twitter-bootstrap-4

其他 - Bootstrap 4导航药不起作用

发布于 2020-03-30 21:49:18

     <!-- Bootstrap pills -->
                <ul class="nav nav-pills">
                    <li class="active">
                    <a data-toggle="pill" href="driver-details-tab">Driver Details</a>
                    </li>
                    <li>
                    <a data-toggle="pill" href="#erer">Register Driver</a>
                    </li>
                </ul>
<div class="tab-content">
          <div class="container-fluid drivers-main tab-pane active" id="driver-details-tab" role="tabpanel">
 <div class="tab-pane" id="register-driver-tab" role="tabpanel">
              asdsdd
          </div>
                      <div class="container-fluid drivers-main tab-pane active" id="erer" role="tabpanel">
 <div class="tab-pane" id="register-driver-tab" role="tabpanel">
ffffffffffffffffffffffffffff
          </div>
  </div>

您好,我在引导程序中使用了nav-pills,但由于某些原因它无法正常工作,请看一下上面的代码,我在上面的小提琴中没有包含引导程序

查看更多

提问者
Harish
被浏览
36
Klooven 2017-11-16 22:58

使用这样的药丸:

<ul class="nav nav-pills">
  <li class="nav-item">
    <a class="nav-link active" data-toggle="pill" href="#driver-details-tab">Driver Details</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" data-toggle="pill" href="#erer">Register Driver</a>
  </li>
</ul>

请注意我添加的类。