【发布时间】:2014-11-07 19:25:47
【问题描述】:
我正在使用 _ib 主题的 WordPress 上使用引导程序,并且我想在窗口小于 768 像素时添加我自己的响应式菜单。默认情况下,bootstrap 会将菜单转换为dropdown-toggle,单击它会显示您的原始菜单。我想做的是在小型设备或低分辨率下使用我自己的菜单。
如何删除这个dropdown-toggle?我查看了引导 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 的简单方法,因为我不需要它,但实际上即使在整页窗口上也删除了整个菜单...
【问题讨论】:
-
这不会做一个切换菜单,而是将菜单项放在彼此下方:jsfiddle.net/no5j25cj/1
-
我几乎想删除引导程序切换解决方案的所有行为。目前,尽管看起来很糟糕,但我希望它没有响应,这样我就可以使用我拥有的简单 WordPress 插件来实现我自己的解决方案。
标签: javascript css wordpress twitter-bootstrap responsive-design