Javascript 强制引导推特导航下拉列表为窗口的100%高度

我一直试图在navbar下拉列表中重写内置的Bootstarp样式，但没有用。我有一些javascript试图强迫它，但我似乎无法让它工作。本机引导javascript覆盖了我的javascript，它的高度恢复到228px。这是我的密码：

    // CLOSE NAV BARS NO OVERLAPPING
$('.navbar button').click(function(){ 
    var $target = $($(this).data('target')); 
    if(!$target.hasClass('in')){
        $('.navbar .in').removeClass('in').height(0);
    }
});

    //DROPDOWN MODE SELECTOR LOGIN
    // Force 100% height mobile navigation
    $('#navbar-collapse-1, #navbar-collapse-2').css('height', $(window).height());

    $(".dropdown-menu li a").click(function(){
      var selText = $(this).text();
      $(this).parents('.modeSelector').find('.dropdown-toggle').html(selText+' <span class="modeSelect menu_toggleable glyphicon glyphicon-menu-down pull-right"></span>');
    });

    $('#myMode-glyphicon-mobile, #myMode-glyphicon').on('show.bs.dropdown', function () {
        $(".modeSelect").removeClass("glyphicon-menu-down").addClass("glyphicon-menu-up");
    });

    $('#myMode-glyphicon-mobile, #myMode-glyphicon').on('hidden.bs.dropdown', function () {
        $(".modeSelect").removeClass("glyphicon-menu-up").addClass("glyphicon-menu-down");
    });

// FLIP ALL THE GLYPHICONS NAVBAR

   $('#navbar-collapse-1').on('shown.bs.collapse', function () {
       $(".myMenu-glyphicon").removeClass("glyphicon-menu-down");
       $(".myMenu-glyphicon").addClass("glyphicon-menu-up");
       $(this).addClass("dropdown-open").removeClass("dropdown-closed");
       if( $('#navbar-collapse-2').hasClass('dropdown-open') ){
          $(".myLogin-glyphicon").removeClass("glyphicon-menu-up");
          $(".myLogin-glyphicon").addClass("glyphicon-menu-down");
          $("#navbar-collapse-2").removeClass("dropdown-open");
          $("#navbar-collapse-2").addClass("dropdown-closed");
       }
    });

    $('#navbar-collapse-1').on('hidden.bs.collapse', function () {
       $(".myMenu-glyphicon").removeClass("glyphicon-menu-up");
       $(".myMenu-glyphicon").addClass("glyphicon-menu-down");
       $(this).removeClass("dropdown-open").addClass("dropdown-closed");
    });


   $('#navbar-collapse-2').on('shown.bs.collapse', function () {
       $(".myLogin-glyphicon").removeClass("glyphicon-menu-down");
       $(".myLogin-glyphicon").addClass("glyphicon-menu-up");
       $(this).addClass("dropdown-open").removeClass("dropdown-closed");
       if( $('#navbar-collapse-1').hasClass('dropdown-open') ){
          $(".myMenu-glyphicon").removeClass("glyphicon-menu-up");
          $(".myMenu-glyphicon").addClass("glyphicon-menu-down");
          $("#navbar-collapse-1").removeClass("dropdown-open");
          $("#navbar-collapse-1").addClass("dropdown-closed");
       }
    });

    $('#navbar-collapse-2').on('hidden.bs.collapse', function () {
       $(".myLogin-glyphicon").removeClass("glyphicon-menu-up");
       $(".myLogin-glyphicon").addClass("glyphicon-menu-down");
       $(this).removeClass("dropdown-open").addClass("dropdown-closed");
       if( $('#navbar-collapse-1').hasClass('dropdown-open') ){
          $(".myMenu-glyphicon").removeClass("glyphicon-menu-up");
          $(".myMenu-glyphicon").addClass("glyphicon-menu-down");
       }
    });

---

}

您需要的是

下拉菜单

和

子菜单

类

要更改菜单的高度，请尝试以下操作：

.dropdown-menu
{
    max-height: 400px;
}

---

您需要的是

下拉菜单

和

子菜单

类

要更改菜单的高度，请尝试以下操作：

.dropdown-menu
{
    max-height: 400px;
}

---

---

去掉JS代码并覆盖CSS。你有chrome吗？引导是由css控制的吗？我有chrome，为什么chrome会有帮助？我在firefox中使用firebug，但我可以使用任何一种。使用chrome，您可以直接在浏览器中编辑CSS，它将在页面上重新呈现，而无需对CSS文档进行更改和刷新。我可以使用firefox执行此操作，但我看到的问题是，引导程序编写过度，并以某种方式弥补了高度。我的javascript可以工作，但它会捕捉到280px，这是通过某个引导文件的javascript进入的。去掉JS代码并覆盖CSS。你有chrome吗？引导是由css控制的吗？我有chrome，为什么chrome会有帮助？我在firefox中使用firebug，但我可以使用任何一种。使用chrome，您可以直接在浏览器中编辑CSS，它将在页面上重新呈现，而无需对CSS文档进行更改和刷新。我可以使用firefox执行此操作，但我看到的问题是，引导程序编写过度，并以某种方式弥补了高度。我的javascript可以工作，但它会捕捉到280px，这是通过某个引导文件的javascript进入的。这不起作用。我还试着在#navbar-collapse-1和#navbar-collapse-2上放置height:100%，但结果更糟，显示了一个滚动条，并在下拉菜单中隐藏了大部分内容。在chrome中，右键单击下拉菜单，选择“Inspect element”，应该会显示CSS。你应该看到一些关于高度或最大高度的东西。（在元素类“.dropdown menu”上）我不认为我正在使用.dropdown menu这些是我正在使用的类：当关闭折叠navbar折叠dropdown关闭打开navbar折叠dropdown打开时，我还看到添加了一个类，在它关闭或打开之前，有一个名为CollasingOkay的类，因此，在chrome中，当您选择“inspect element”（检查元素）时，您应该能够编辑CSS值，尝试更改值，或添加最大高度或高度值。当我添加220vmax时，它可以工作，但并不完全是我想要的，因为打开和关闭非常小故障。嗯，在这一点上，我可能不得不绕过引导程序。这不起作用。我还试着在#navbar-collapse-1和#navbar-collapse-2上放置height:100%，但结果更糟，显示了一个滚动条，并在下拉菜单中隐藏了大部分内容。在chrome中，右键单击下拉菜单，选择“Inspect element”，应该会显示CSS。你应该看到一些关于高度或最大高度的东西。（在元素类“.dropdown menu”上）我不认为我正在使用.dropdown menu这些是我正在使用的类：当关闭折叠navbar折叠dropdown关闭打开navbar折叠dropdown打开时，我还看到添加了一个类，在它关闭或打开之前，有一个名为CollasingOkay的类，因此，在chrome中，当您选择“inspect element”（检查元素）时，您应该能够编辑CSS值，尝试更改值，或添加最大高度或高度值。当我添加220vmax时，它可以工作，但并不完全是我想要的，因为打开和关闭非常小故障。嗯，在这一点上，我可能不得不绕过引导程序。

.dropdown-menu
{
    max-height: 400px;
}