使用Bootstrap html

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. 您不需要任何列类来控制导航栏元素的布局。