Twitter bootstrap 无法使引导程序3中的药片正常工作

每当我尝试点击药丸时，页面停留在第一颗药丸上，拒绝更改。我正在使用最新版本的引导。我能做些什么来修复它吗

 <div class="container">
  <div class="masthead">
        <div class="container">
            <ul class="nav nav-pills nav-justified">
                <li class="active"><a href="#Home" data-toggle="pill">Home</a></li>
                <li class=""><a href="#About" data-toggle="pill">About</a></li>
                <li class=""><a href="#items" data-toggle="pill">items</a></li>
                <li class=""><a href="#Things" data-toggle="pill">things</a></li>
                <li class=""><a href="#stuff" data-toggle="pill">stuff</a></li>
                <li class=""><a href="#other" data-toggle="pill">other</a></li>
            </ul>
            <div class="tab-content">
                <div id="home" class="tab-pane jumbotron active">
                    <h1>Generic</h1>
                        <p class="lead">Blah.</p>
                        <p><a class="btn btn-lg btn-success" href="#" role="button">blah</a></p>
                </div>
                <div id="About" class="tab-pane">
                    <h3>Section A</h3>
                </div>
                <div id="items" class="tab-pane">
                    <h3>blah</h3>
                </div>
                <div id="Things" class="tab-pane">
                    <h3>blah</h3>
                </div>
                <div id="stuff" class="tab-pane">
                    <h3>blah</h3>
                </div>
                <div id="other" class="tab-pane">
                    <h3>blah</h3>
                </div>
            </div>
        </div>
    </div>
</div>\

通用的
废话

A节
废话
废话
废话
废话
\

您的代码没有问题

将此添加到您的

：

---

以下是一个。

请使用在线编辑器（如）将您的代码放入交互式演示中，以便社区可以帮助解决您的问题。大多数情况下，您将在设置演示所需的时间内找到问题的解决方案。

<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>