bootstrap 下拉菜单显示不出来

Question

我加载了jQuery.js和bootstrap.js ，标签和引用的类也没有错，但就是点击没反应。请问这是什么缘故。

<div class="container" style="margin-bottom:50px">
<h2 class="page-header">下拉菜单</h2>
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">字体<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">宋体</a></li>
<li><a href="#">黑体</a></li>
<li><a href="#">楷体</a></li>
</ul>
</div>