Question

我使用Boostrap和WAMP Server创建了一个站点，现在我正在尝试将其移动到虚拟服务器，因此更多人可以使用它。

该网站看起来不错，但是当点击下拉菜单时，它没有显示任何内容，只是转到href="#"

我的元素如下所示：

<li class="dropdown" style="border-radius: 5px;">
  <a target="_blank" href="#" class="dropdown-toggle" data-toggle="dropdown" style="color:white;font-size: medium; background-color: #8A2BE2;border-radius: 5px;">Search <span class="caret"></span><span style="font-size:16px;" class="pull-right hidden-xs showopacity "></span></a>
  <ul class="dropdown-menu forAnimate" role="menu">
    <li><a target="_blank" href="search_1" style="color:#601e9e;font-size: medium;border-radius: 5px;">Option 1</a>
    </li>
    <li><a target="_blank" href="search" style="color:#601e9e;font-size: medium;border-radius: 5px;">Other Options</a>
    </li>
  </ul>
</li>

我需要改变什么吗？我移动了所有文件和文件夹。

Answer 1

你可能错过了bootstrap JavaScript文件。确保你在页脚后添加它应该没问题。你的代码应该是这样的：

<script src="/js/bootstrap.min.js"></script>

确保将脚本放在jQuery脚本之后。此外，您可能有此脚本，但它无法在指定位置找到该文件。检查服务器上是否存在该文件。

Bootstrap元素无法在虚拟服务器上运行

1 个答案: