css - 使用 Twitter Bootstrap 在菜单上进行响应式设计

Question

我对响应式设计的 CSS 和媒体查询相当陌生，所以我决定使用 Twitter 引导程序。

我使用他们的响应文件来帮助我，但我的菜单有问题，如您在此处看到的：

菜单每个部分的下拉图像似乎并没有将其他选项“向下推”。该网站可以在这里找到。

这是我的自定义 css 文件上的媒体查询：

@media (min-width: 1200px) { 
    .container {width: 940px}

    #solutions{
        min-width: 1090px;
        position: absolute;
        left: -100px;
    }

    #services{
        min-width: 1090px;
        position: absolute;
        left: -190px;
    }


    #support{
        min-width: 840px;
        position: absolute;
        left: -276px;
    }
}

你能帮我做菜单吗？我需要添加自己的媒体查询吗？

Answer 1

            #solutions{
                    min-width: 960px;
                    position: absolute;
                    left: -100px;
                    }

尝试将此id宽度形式更改1090px为小于960px