css - Bootstrap : Centered Navigation - strange Bugs

Question

我正在尝试获得一个美观的居中导航栏。但是我创建的导航栏是一坨屎。

看看这个，这是它在全分辨率下的样子:https://cloudup.com/coWac-6mcbd

.. 现在看这个:https://cloudup.com/c-jZHiJhlR1

此错误发生在 1240 像素的屏幕分辨率下。这到底是什么？

.. 分辨率为 1214 时，它会正确切换到切换导航。

我使用过这段代码/媒体查询:

    @media only screen and (min-width: 1227px){
    .navbar-nav{
        float:none;
        margin: 0 auto;
        display: table;
    }
}

@media only screen and (max-width: 1213px){
    .navbar-nav{
        float:none;
        margin-left: -15px auto;
        display: table;
    }
}

@media only screen and (max-width: 1213px){
    .navbar-nav > li {
        margin-left: -15px;
    }
}

那么，id 能做什么呢？我一无所知。

Answer 1

我不确定这是否是唯一的问题。它也可能有助于查看您的 html。但是，您有:

margin-left: -15px auto;

margin-left 属性只有一个值。