我在Twitter Bootstrap上遇到了一个恼人的问题,手风琴正常工作,但它根本没有主题,如Bootstrap示例所示:
部首:
<!-- 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
带到我的标题中,这也没有任何区别。
非常感谢任何帮助。