Javascript 带下拉菜单的引导式不可折叠导航栏

我正在尝试创建导航栏，它没有响应，并且有一些下拉列表

我可以通过下面的css使其无响应。但是，如果我在移动设备中单击导航栏中的下拉菜单，它会出错。这是引导，请尝试移动视图并单击todo以重新创建此问题

<style>
.navbar-collapse.collapse {
display: block!important;
}

.navbar-nav>li, .navbar-nav {
float: left !important;
}


.navbar-nav.navbar-right:last-child {
margin-right: -15px !important;
}

.navbar-right {
float: right!important;
}
</style>

.navbar-collapse.collapse{
显示：块！重要；
}
.navbar导航>li，.navbar导航{
浮动：左！重要；
}
.导航栏导航.导航栏右侧：最后一个孩子{
右边距：-15px！重要；
}
.导航栏对吗{
浮子：对！很重要；
}

样本下拉列表

<li class="dropdown"><a href="#" data-tad="l1" class="nottodo dropdown-toggle" data-toggle="dropdown">Todo <span class="label label-info">0</span>
                </a>
                    <ul class="dropdown-menu">
                        <li><a href="#"><span class="label label-warning">4:00 AM</span>Favourites Snippet</a></li>
                        <li><a href="#"><span class="label label-warning">4:30 AM</span>Email marketing</a></li>
                        <li><a href="#"><span class="label label-warning">5:00 AM</span>Subscriber focused email
                            design</a></li>
                        <li class="divider"></li>
                        <li><a href="#" class="text-center">View All</a></li>
                    </ul>
                </li>

我认为你不喜欢的行为是由一个媒体查询造成的

css中包含以下媒体查询：

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
         background-color: transparent;
         border: 0 none;
         box-shadow: none;
         float: none;
         margin-top: 0;
         position: static;
         width: auto;
    }
...
}

只需覆盖样式，如以下css中所示：

.navbar-nav .open .dropdown-menu {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
}

您可以找到更新的引导层

在下面的演示中，我必须添加

！重要信息

，请选择背景色。不知道为什么，因为在Bootply上这不是必需的

.navbar-collapse.collapse{
显示：块！重要；
}
.navbar导航>li，.navbar导航{
浮动：左！重要；
}
.导航栏导航.导航栏右侧：最后一个孩子{
右边距：-15px！重要；
}
.导航栏对吗{
浮子：对！很重要；
}
.导航栏导航.打开.下拉菜单{
背景色：#fff！重要；
边框：1px实心rgba（0,0,0,0.15）；
边界半径：4px；
盒影：0 6px 12px rgba（0,0,0,0.176）；
位置：静态；
}

请看一下这个。这很相似。这会删除整个响应，我只想删除navbar中的响应。嘿，刚刚测试过这个，下拉菜单不能正常工作！！什么是不正常工作？您的意思是，按钮Todo可能会以较小的大小换行到下一行，还是下拉列表的样式会以手机大小更改？在手机中访问并单击Todo时，它会折叠到新行。