Question

我使用_ib主题在WordPress上使用bootstrap，我想在窗口小于768px时添加我自己的响应式菜单。默认情况下，bootstrap会将菜单转换为dropdown-toggle，单击此按钮会显示原始菜单。我想做的是在小型设备或低分辨率下使用我自己的菜单。

如何删除此dropdown-toggle？我查看了bootstrap JS文件，但我没有JS高手，所以我无法弄清楚如何简单地废弃dropdown-toggle。

任何帮助表示赞赏！

编辑：

<div class="container">
        <div class="row">
            <div class="site-navigation-inner col-sm-12">
                <div class="navbar navbar-default">
                    <div class="navbar-header">
                        <!-- .navbar-toggle is used as the toggle for collapsed navbar content -->
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-responsive-collapse">
                            <span class="sr-only">Go to...</span>
                          <span class="icon-bar"></span>
                          <span class="icon-bar"></span>
                          <span class="icon-bar"></span>
                        </button>
                    </div>
                    <!-- The WordPress Menu goes here -->
                    <?php wp_nav_menu(
                        array(
                            'theme_location' => 'primary',
                            'container_class' => 'collapse navbar-collapse navbar-responsive-collapse',
                            'menu_class' => 'nav navbar-nav',
                            'fallback_cb' => '',
                            'menu_id' => 'main-menu',
                            'walker' => new wp_bootstrap_navwalker()
                        )
                    ); ?>
                </div><!-- .navbar -->
            </div>
        </div>
    </div><!-- .container -->

我尝试了删除此.navbar-toggle的简单方法，因为我不需要它，但实际上即使在整页窗口中也会删除整个菜单...

Answer 1

当你看到索引php页面时。你会看到你的导航div。

要关闭行为，您可以删除切换类。

<div class = container>

Etc

其中一个类将是一个切换类。只需将其删除即可。

它的版本是什么？ 2或3.

您可以用您的代码替换代码。我熟悉joomla，基本上是html围绕php。

如果您要修改css，则需要覆盖它。如何轻松地执行此操作取决于您的模板使用CSS LESS还是custom.css文件。您甚至可以删除导航视频，并使用自举代码布局类替换为您自己的代码。

给出bootstrap的版本将有助于解决这个问题。

Bootstrap使用您需要的媒体查询来查找您要定位的查询。 Bootstrap网站对此非常有用。

http://getbootstrap.com/getting-started/

这里有布局的例子。确保您的导航div和类是相同的。它会起作用。

请备份或注释掉旧代码以便重复使用。

当我到我的电脑上时，如果没有修好那就查看代码。

你在这里稍微关注我。你有一个菜单（bootstrap），你有一个也调用菜单的插件？

或

您在同一页面上有两个菜单吗？或者您的插件是否依赖于当前菜单？

我很困惑你想要的东西。看起来你有一个菜单作为模板的一部分，然后你调用一个模块来创建一个插件形式的菜单。如果是这种情况，它将无法工作。

插件菜单可能与现有菜单冲突。如果您有自己的现有菜单，为什么不删除整个模板菜单然后只是调用您的插件？

如果我是标记的话，我道歉。但是，如果涉及插件，则代码是未知的！

插件是模板的插件吗？如果不是，您可能会发生冲突

认为您可能需要联系插件的开发者

禁用bootstrap的下拉切换

1 个答案: