導航菜單在Drupal中使用Twitter Bootstrap時沒有響應

Question

我目前正在開發一個基於Drupal 7的網站項目，其中最初使用Bootstrap製作了靜態html模板。

我已經將這些轉換爲Drupal上的頁面模板;在靜態模板中，響應式導航工作正常，但在將它們插入Drupal後，它們不再有效。

我已告訴.info文件指向相應的js和css文件，但無法找出原因，只要我將網站移動到CMS，此功能就停止工作。

該項目是here。

任何幫助，高度讚賞。

Answer 1

一對夫婦的想法？ https://drupal.org/project/bootstrap這可能對您有幫助。

2）您是否安裝了jquery_update模塊？ https://drupal.org/project/jquery_update隨Drupal附帶的jquery版本，然後是引導所需的1.7版本。

祝你好運！

Answer 2

我看了一下你的代碼，你沒有添加必要的Bootstrap標記，觸發在不同屏幕尺寸之間顯示navigation bar toggle和navigation links default view。您是否使用Drupal的引導基本主題

1）：

您的代碼必須調整到是這樣的：

<nav class="navbar navbar-default" role="navigation"> 
    <div class="navbar-header"> 
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> 
      <span class="sr-only">Toggle navigation</span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
     </button> 
    </div> 
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 
      <?php 
      print theme('links__system_main_menu', array(
       'links'  => $main_menu, 
       'heading'  => null, 
       'attributes' => array(
        'class' => array('nav navbar-nav'), 
      ), 
     )); 
      ?> 
    </div> 
</nav>