Bootstrap:中心导航 - 奇怪的错误

时间:2015-02-02 13:45:44

标签: css css3 twitter-bootstrap responsive-design media-queries

我正试图让一个好看的中心导航栏。但我创建的导航栏是一块垃圾。

看看这个,这就是全分辨率的样子:https://cloudup.com/coWac-6mcbd

..现在开始:https://cloudup.com/c-jZHiJhlR1

此错误发生在屏幕分辨率为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;
    }
}

那么,id能做什么?我很傻。

1 个答案:

答案 0 :(得分:0)

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

margin-left: -15px auto;

margin-left属性只有一个值。