如何在低分辨率中删除bootstrap下拉列表的滑动效果

Question

我不希望在低分辨率下滑动（推动所有东西）效果，我需要在顶部下拉（不要推动所有东西）效果。

这是代码

      <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>