用 Bootstrap html 包装 WordPress 菜单项

Question

我正在使用 WordPress 菜单小部件来生成如下菜单项（使用 Bootstrap 框架）：

<nav class="navbar navbar-toggleable-md">
<div class="container">
    <div class="collapse navbar-collapse" id="navbarNav">
        <?php wp_nav_menu(array('theme_location' => 'header-menu','menu_class' => 'navbar-nav','container' => 'false'));?>
    </div>
</div>
</nav>

我有这些功能可以添加一些额外的样式：

function add_link_atts($atts) {
    $atts['class'] = "nav-link";
    return $atts;
}

add_filter( 'nav_menu_link_attributes', 'add_link_atts');

问题是 ...我想要一个具有 col-md-3 类的 div 来包装我的四个菜单项中的每一个，以便它们可以布置到引导列中。

我应该在 wp_nav_menu 中的哪里添加应该在每个菜单项之前和之后附加的代码？

即。如何在每个 WordPress 菜单项之前添加 <div class="col-md-3"> 元素，在每个菜单项之后添加 </div> 元素。

Answer 1

我想要一个带有 col-md-3 类的 div 来包装我的四个菜单项中的每一个，以便它们可以布置到引导列中。

1. Bootstrap 导航栏不是经过设计的，不能与任何列类一起使用。

2. 您不需要任何列类来控制导航栏元素的布局。