jquery - 如何在低分辨率下去除bootstrap dropdown的slidedown效果

Question

我不想要低分辨率下的滑动(将所有内容向下推)效果，我需要顶部的下拉菜单(不是将所有内容向下推)效果。

这个id代码

      <div>
        <ul class="nav navbar-nav navbar-right">
          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
            <ul class="dropdown-menu" role="menu">
              <li>Dashboard</li>
              <li>FAQs</li>
            </ul>
          </li>
        </ul> 
      </div>



<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>

我试过了，还是不行

<script>
$(document).ready(function () {
    $('.dropdown-toggle').dropdown();
});
</script>

看到这个，

Answer 1

我的问题真是浪费，我只是将代码从导航栏中取出，它运行良好，

  <div class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
        <ul class="dropdown-menu" role="menu">
          <li>Dashboard</li>
          <li>FAQs</li>
        </ul>
  </div>