Bootstrap导航栏下拉列表，在低分辨率下保持向右

Question

我的引导程序导航栏中的下拉列表出现问题。我希望下拉箭头固定在导航栏的右侧，并在移动到较低分辨率时与品牌图像保持同一直线。此外，点击时我想下拉背景颜色为白色。任何人都可以帮我这个吗？

以下是代码：

http://www.bootply.com/d1kFiYXPox

Answer 1

要使箭头保持在同一行，请删除您为小屏幕设置的边距。所以删除＆＃34;保证金：50px auto 0 120px;＆＃34;从下面一行。

@media only screen and (max-width: 766px) {
ul.nav.navbar-nav.navbar-right {
    width: 110px;
    margin: 50px auto 0 120px;
}

在您的示例中，下拉列表的背景已经是白色。