Twitter Bootstrap手风琴没有正确指出

时间:2014-05-12 15:52:48

标签: twitter-bootstrap twitter-bootstrap-3 accordion

我在Twitter Bootstrap上遇到了一个恼人的问题,手风琴正常工作,但它根本没有主题,如Bootstrap示例所示:

Bootstrap Theme Example

部首:

<!-- Bootstrap core CSS -->
  <link media="all" type="text/css" rel="stylesheet" href="http://localhost:8888/assets/vendor/bootstrap/dist/css/bootstrap.min.css">
  <link media="all" type="text/css" rel="stylesheet" href="http://localhost:8888/assets/vendor/bootstrap/dist/css/bootstrap-theme.min.css">

  <!-- Custom styles for this template -->
  <link media="all" type="text/css" rel="stylesheet" href="http://localhost:8888/css/layout.css">
  <link media="all" type="text/css" rel="stylesheet" href="http://localhost:8888/assets/vendor/font-awesome/css/font-awesome.min.css">
  <script src="http://localhost:8888/assets/vendor/jquery/dist/jquery.min.js"></script>

页脚:

 <script src="http://localhost:8888/assets/vendor/bootstrap/dist/js/bootstrap.min.js"></script>
 <script src="http://localhost:8888/assets/vendor/jquery-ui/ui/minified/jquery-ui.min.js"></script>
 <link media="all" type="text/css" rel="stylesheet" href="http://localhost:8888/assets/vendor/jquery-ui/themes/smoothness/jquery-ui.min.css">

HTML示例:

<div class="accordion" id="myaccordion">

    <div class="accordion-group">
        <div class="accordion-heading">
            <a class="accordion-toggle" data-toggle="collapse" data-parent="#myaccordion" href="#first">Section One</a>
        </div>

        <div id="first" class="accordion-body collapse in">
            <div class="accordion-inner">
            Pellentesque faucibus mollis tortor in blandit.
            </div>
        </div>
    </div>
</div>

所有样式表和脚本引用都有效,因为我在整个网站上都有Bootstrap主题,因为某些奇怪的原因它不会在Accordion上显示。

我已检查过Chrome中的console,但它也没有收到任何错误。我已经尝试将bootstrap.min.js带到我的标题中,这也没有任何区别。

非常感谢任何帮助。

0 个答案:

没有答案