响应选项卡引导不工作

Question

我试图使我的标签与引导响应标签。做了这里所说的http://openam.github.io/bootstrap-responsive-tabs/，当我点击标签，没有发生，它不会去点击选项卡。有人能帮我吗？谢谢!

<script src="js/jquery.js"></script>
<script src="js/jquery-1.6.3.min.js"></script>
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/bootstrap-responsive.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">

<div class="container marketing">
<ul class="nav nav-tabs responsive" id="myTab">
<li class="active"><a href="#home">Home</a></li>
<li><a href="#profile">Profile</a></li>
<li><a href="#messages">Messages</a></li>
</ul>

<div class="tab-content responsive">
<div class="tab-pane active" id="home">...content...</div>
<div class="tab-pane" id="profile">...content...</div>
<div class="tab-pane" id="messages">...content...</div>
</div>

<script type="text/javascript">
(function($) {
fakewaffle.responsiveTabs(['xs', 'sm']);
})(jQuery);
</script>
</div><!-- /.container -->

<script src="js/bootstrap.js"></script>
<script src="js/responsive-tabs.js"></script>

Answer 1

您需要使用引导版>= 3.0而不是2.3.2。

还有。在此错误中，您没有将responsive-tabs.js包含在您的小提琴结果中：

Uncaught ReferenceError: fakewaffle is not defined 

所以你需要包括：jQuery，bootstrap css and js >=3.0，responsive-tabs.js

小提琴演示