使用Twitter Bootstrap的菜單上的響應式設計

Question

我對CSS和媒體查詢的響應式設計相當新，所以我決定使用Twitter引導程序。

我用自己的響應文件來幫助我，但我有一個菜單中的問題，因爲你可以在這裏看到：

下拉影像從菜單中的每個部分似乎並不向下「推」其他選項。該網站可以找到here。

這裏是我的自定義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