【问题标题】:Laravel 6 nav tabs cannot navigate into tab only shown in url (myweb/pages#tab1)Laravel 6 导航选项卡无法导航到仅显示在 url (myweb/pages#tab1) 中的选项卡
【发布时间】:2020-03-28 05:03:55
【问题描述】:

我无法导航到仅显示在 URL 中的标签页 (myweb/pages#tab1 .. myweb/pages/#tab2 ..) 请帮我 enter image description here

    <div class="card-body">
       <ul class="nav nav-tabs" id="myTab" role="tablist">
            <li class="nav-item">
                <a class="nav-link " id="home-tab" data-toggle="tab" href="#page1" role="tab" aria-controls="page1"
                aria-selected="true">page one</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" id="profile-tab" data-toggle="tab" href="#page2" role="tab" aria-controls="page2"
                aria-selected="false">page two</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" id="contact-tab" data-toggle="tab" href="#page3" role="tab" aria-controls="page3"
                aria-selected="false">page three</a>
            </li>
    </ul>
<div class="tab-content" id="myTabContent">
  <div class="tab-pane fade show active" id="page1" role="tabpanel">
page one    
</div>
  <div class="tab-pane fade" id="page2" role="tabpanel" >
page two
 </div>
  <div class="tab-pane fade" id="page3" role="tabpanel">
page three
  </div>
</div>
    </div>
</div>

【问题讨论】:

  • 你在使用 Bootstrap 吗?
  • 是的 bootsrap 4.1.3
  • 你是否包含了 jQuery 和 bootstrap.js?
  • 我正在使用 adminlte3
  • 所以检查js文件是否加载正确

标签: html laravel bootstrap-4 navbar


【解决方案1】:

试试这个:

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

来自该链接的引导程序非常适合我,我尝试解决您的问题,我可以导航

【讨论】:

  • 我正在使用 adminlte3
猜你喜欢
  • 2015-03-18
  • 1970-01-01
  • 1970-01-01
  • 2020-03-14
  • 1970-01-01
  • 2020-06-16
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多