Css 引导:居中导航-奇怪的错误

Css 引导:居中导航-奇怪的错误,css,twitter-bootstrap,responsive-design,media-queries,Css,Twitter Bootstrap,Responsive Design,Media Queries,我想弄个好看的导航条。但是我创建的导航栏是一堆垃圾 看看这个,这就是它在全分辨率下的样子: 。。现在请注意: 此错误发生在1240px的屏幕分辨率上。那是什么鬼东西 。。分辨率为1214时,它会正确切换到切换导航 我使用了以下代码/媒体查询: @media only screen and (min-width: 1227px){ .navbar-nav{ float:none; margin: 0 auto; display: ta

我想弄个好看的导航条。但是我创建的导航栏是一堆垃圾

看看这个,这就是它在全分辨率下的样子:

。。现在请注意:

此错误发生在1240px的屏幕分辨率上。那是什么鬼东西

。。分辨率为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;
    }
}

那么,我能做什么?我不知道。

我不确定这是否是唯一的问题。查看html也可能会有所帮助。但是,您必须:

margin-left: -15px auto;

左边距属性只取一个值。

Sry对于后面的答案,我得了重感冒。您可以在这里看到我的html标记:在这里可以看到CSS:以JSFIDLE或代码片段的形式显示这些内容会有所帮助。