如何使Bootstrap頂級菜單項在Mobile View中可點擊？

Question

更確切地說...

使用引導，我有一個導航菜單子菜單項（the fiddle）。

但是，它是... 有點多 ...在移動視口中。鏈接太多。

我希望能夠完成兩兩件事：

1. 隱藏子導航項目，...
2. 製作的頂級項目可點擊（HREF決心頁）

我一直在圍繞bootstrap網站打獵，找不到任何東西。

是否有可能使用本地引導？

如果需要腳本，請提供幾個「指針」。

謝謝！

Answer 1

您是否希望能夠在手機上擴展子菜單項？如果是這樣，將頂級鏈接轉換爲直接網址可能不切實際。
一些「指針」的有關該方案（使用jQuery，這已經是自舉插件集成）：

$('.nav .dropdown-menu').hide(); 
$('.nav .dropdown-toggle').on('click', function() { 
    $('.nav .dropdown-menu').toggle(); 
}); 

或者，如果你想在移動設備到只顯示頂級鏈接，您可能存儲鏈接目標在自定義屬性DATA-和動態地改變在href值：

$('.nav .dropdown-menu').hide(); 
$('.nav .caret').hide(); 
$('.nav .dropdown-toggle').each(function() { 
    $(this).attr('href', $(this).data('name')); 
}); 

同時加入了「數據名」屬性的每個鏈路。

<a href="#" data-name="page.php">Page</a> 

祝你好運！