【问题标题】:Issue with Wordpress/Bootstrap navbar where there is a gap between the submenu and the navbarWordpress/Bootstrap 导航栏的问题,子菜单和导航栏之间存在间隙
【发布时间】:2014-08-05 05:48:18
【问题描述】:

我目前正在将网站从自定义创建的 HTML/CSS/Bootstrap 网站迁移到 Wordpress。我已经下载了自动将 Bootstrap 导航栏转换为 Boostrap 的 Navwalker .php 扩展。

这是我所指的差距。 http://imgur.com/LfUEF6o 我可以在我的 CSS 中具体哪里解决这个问题?

这是我的 header.php 文件中的 php 部分:

                <?php
                $args = array(
                    'menu' => 'header-menu',
                    'menu_class' => 'nav nav-pills nav-justified navbar-inverse',
                    'container' => 'false',
                    'walker' => new wp_bootstrap_navwalker()
                );
                wp_nav_menu ( $args );
                ?>    

如果有人能指导我去正确的地方,我将不胜感激。

【问题讨论】:

  • 下拉列表中的 ul 似乎有一个 margin-top。

标签: html css wordpress twitter-bootstrap navbar


【解决方案1】:

尝试将其添加到主题的 style.css 文件中:

.dropdown-menu {
    margin-top: 0;
}

随意使用0 的值,以便它与您的导航栏很好地对齐。例如,您可以改用-10px10px

【讨论】: