bootstrap 下拉菜单项大小未更改

Question

我还有一个关于 bootstrap 导航栏下拉菜单的问题

这是我的代码

<header class="navbar navbar-purple navbar-static-top bs-docs-nav" role="banner">
    <div class="container">
        <div class="navbar-header">
            <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="http://pos.shalvasoft.tk/"><span class="first">ShalvaSoft</span> <span class="second">POS</span></a>
        </div>
        <nav class="collapse navbar-collapse bs-navbar-collapse" role="navigation">
            <ul class="nav navbar-nav navbar-right">
                <li class="dropdown langs">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
                        <span class="caret"></span>
                        <span id="selectedlang"> <i class='flag-icon flag-icon-ge'></i></span>
                    </a>
                    <ul class="dropdown-menu" role="menu">
                        <li class="hidden"><a href="#" class="lang" data-link="ge"><i class='flag-icon flag-icon-ge'></i></a></li><li><a href="#" class="lang" data-link="ru"><i class='flag-icon flag-icon-ru'></i></a></li><li><a href="#" class="lang" data-link="en"><i class='flag-icon flag-icon-us'></i></a></li>                    </ul>
                </li>
                <li class="dropdown langs"><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"><img src="http://pos.shalvasoft.tk/public/image/users/1_thumb.jpg" height="20px" width="20px"> <span class="caret"></span></a><ul class="dropdown-menu" role="menu"><li><a href="http://pos.shalvasoft.tk/logout">logout</a></li></ul></li>            </ul>
        </nav>
    </div>
</header>

现在 css 我有这个尺子

.navbar-purple .navbar-nav > li:not(.langs) .dropdown-menu{width:118px !important;}
.navbar-purple .navbar-nav > li:not(.langs) .dropdown-menu > li{width:118px !important;}
.navbar-purple .navbar-nav > li.langs .dropdown-menu{min-width:63px !important;}
.navbar-purple .navbar-nav > li.langs .dropdown-menu > li{width:63px !important;}

如你所见，我需要添加 clas langs 和它的 childs 63px 宽度在其他人身上，我需要添加默认大小或 118px。但是这段代码不起作用查看图片

在这里您可以看到如何显示语言 class

这是另一个下拉列表

我能做些什么来改变 :not(.langs) 宽度？

Answer 1

这很明显，因为带有注销按钮的下拉菜单有 'langs' class

<li class="dropdown langs">

删除它会解决问题。

bootstrap 下拉菜单项大小未更改

bootstrap dropdown menu items size not changing

html

css

jquery

twitter-bootstrap

drop-down-menu