Question

我尝试使用Bootstrap框架进行下拉列表。这就是我的方式：

<div class="btn-group">
  <button type="button" class="btn btn-default">1</button>
  <button type="button" class="btn btn-default">2</button>

  <div class="btn-group">
    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
      Dropdown
      <span class="caret"></span>
    </button>
    <ul class="dropdown-menu">
      <li><a href="#">Dropdown link</a></li>
      <li><a href="#">Dropdown link</a></li>
    </ul>
  </div>
</div>

就像在例子中一样。这就是我在.js中加入xsl的方式：

<script type="text/javascript" src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.js">&#160;</script>

所以菜单不起作用。我看到几个按钮，但没有下拉效果。

Answer 1

您还必须包含jQuery和bootstrap css：

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" />
<script src="//code.jquery.com/jquery-1.10.2.min.js"></script>

不要忘记在引导程序js中包含jQuery。

使用XSL的Javascript

1 个答案: