2016-08-05 33 views
0

我正在使用引導程序在我正在開發的站點上,並希望將移動菜單的斷點向上更改爲更大。然而,我已經成功解決了大部分問題,其中菜單用於放下懸停事件,我現在需要處理單擊事件(如較小版本的移動菜單)。引導程序移動更改斷點問題

我沒有太多的運氣來研究控制懸停事件與點擊事件之間的變化是什麼,任何人都可以詳細說明它是如何在引導系統中工作的?

如在提前http://kjhire.co.uk/index

由於該系統。

+0

我使用的引導V3.0 –

回答

0

請嘗試將.dropdown-menu添加到媒體查詢,如下所述。

的style.css線172

@media only screen and (min-width: 992px) { 
header .navbar-nav li.dropdown:hover .dropdown-menu {display: block;} 
} 
0

使用此媒體查詢並更改您需要的斷點值。

@media (max-width: 1200px) { 
.navbar-header { float: none; } 
    .navbar-left,.navbar-right { float: none !important; } 
    .navbar-toggle { display: block; } 
    .navbar-collapse { border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); } 
    .navbar-fixed-top { top: 0; border-width: 0 0 1px; } 
    .navbar-collapse.collapse { display: none!important; } 
    .navbar-nav { float: none!important; margin-top: 7.5px; } 
    .navbar-nav>li { float: none; } 
    .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; } 
    .collapse.in { display:block !important; } 

} 
+0

我應該提到的是,問題就解決了? – Nehemiah

+0

沒有我的代碼已經改變了移動菜單的顯示位置,並將菜單更改爲整個屏幕寬度,但是任何第二級降落仍然會作爲懸停而不是單擊事件反應,這是我的問題。對不起,我的錯是沒有明確的二級下拉。 –