Question

我目前正在开发一个基于Drupal 7的网站项目，最初使用Bootstrap制作静态html模板。

我现在已将它们转换为Drupal上的页面模板;在静态模板中，响应式导航工作，但在将它们插入Drupal之后，它们就不再有效了。

我告诉.info文件指向相应的js和css文件，但无法弄清楚为什么，只要我将网站移动到CMS，此功能就会停止工作。

该项目为here。

非常感谢任何帮助。

Answer 1

我看了一下你的代码，你没有添加所需的Bootstrap标记，触发了不同屏幕尺寸之间navigation bar toggle和navigation links default view的显示。

您的代码必须调整为：

<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>

Answer 2

有几点想法：

1）您使用的是Drupal的bootstrap基础主题吗？ https://drupal.org/project/bootstrap在您处理此问题时可能会有所帮助。

2）您是否安装了jquery_update模块？ https://drupal.org/project/jquery_update与Drupal一起提供的jquery版本比引导程序所需的1.7更早。

祝你好运！

在Drupal中使用Twitter Bootstrap时，导航菜单无响应

2 个答案: