bootstrap tab切换没有反应怎么解决?

bootstrap tab切换没有反应怎么解决?下面本篇文章给大家介绍一下解决bootstrap tab不起作用问题的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

可以检查一下标签链接是否加上了 data-toggle="tab" ,缺少了这个标记标签页切换是不起作用的。正确的格式应该是 这样的:

    <ul class="nav nav-tabs" id="myTab">
        <li class="active"><a data-toggle="tab" href="#home">Home</a></li>
        <li><a data-toggle="tab" href="#profile">Profile</a></li>
        <li><a data-toggle="tab" href="#messages">Messages</a></li>
        <li><a data-toggle="tab" href="#settings">Settings</a></li>
    </ul>
 
    <div class="tab-content">
        <div class="tab-pane active" id="home">...</div>
        <div class="tab-pane" id="profile">...</div>
        <div class="tab-pane" id="messages">...</div>
        <div class="tab-pane" id="settings">...</div>
    </div>

更多bootstrap的相关知识,可访问:web前端自学!!

以上就是bootstrap tab切换没有反应怎么解决?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » Bootstrap 教程

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏