jquery - 没有javascript，bootstrap nav-pills无法正常工作

在引导文档中，他们说您可以激活选项卡或药丸导航，而无需编写任何JavaScript。我像他们所说的那样尝试，只需在元素上指定data-toggle="tab"并由href和ID即可。但这是行不通的。
我是否还需要添加其他内容？

<ul class="nav nav-pills nav-stacked  col-xs-3">
  <li><a data-toggle="tab" href="one">one</a></li>
  <li><a data-toggle="tab" href="two">two</a></li>
  <li><a data-toggle="tab" href="three">three</a></li>
  <li><a data-toggle="tab" href="four">four</a></li>
</ul>
<div class="tab-content col-xs-9">
  <div id="one" class="tab-pane active">
    Germany
  </div>
  <div id="two" class="tab-pane">
    France
  </div>
  <div id="three" class="tab-pane">
    Italy
  </div>
  <div id="four" class="tab-pane">
    Spain
  </div>
</div>

最佳答案

您错过了在#中呼叫ID（例如href）的href="#one"

<ul class="nav nav-pills nav-stacked  col-xs-3">
  <li><a data-toggle="tab" href="#one">one</a></li>
  <li><a data-toggle="tab" href="#two">two</a></li>
  <li><a data-toggle="tab" href="#three">three</a></li>
  <li><a data-toggle="tab" href="#four">four</a></li>
</ul>
<div class="tab-content col-xs-9">
  <div id="one" class="tab-pane active">
    Germany
  </div>
  <div id="two" class="tab-pane">
    France
  </div>
  <div id="three" class="tab-pane">
    Italy
  </div>
  <div id="four" class="tab-pane">
    Spain
  </div>
</div>

直播example

关于jquery - 没有javascript，bootstrap nav-pills无法正常工作，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/37539955/