Question

我试图将我的品牌放在左侧，并且中间有一点空间，我希望我的导航链接到右侧。

    <nav class="navbar navbar-expand-md navbar-light bg-faded">
      <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <a class="navbar-brand" href="#">MY NAVBRAND</a>
      <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
       <?php
        wp_nav_menu( array(
            'theme_location'    => 'primary',
            'depth'             => 2,
            'container_id'      => 'bs-example-navbar-collapse-1',
            'menu_class'        => 'nav navbar-nav',
            'fallback_cb'       => 'WP_Bootstrap_Navwalker::fallback',
            'walker'            => new WP_Bootstrap_Navwalker())
        );
        ?>
     </div>
   </nav>

现在要做到这一点，我想把它添加到我的css中，以便a标签（带有类navbar-brand）和div（带有类崩溃）之间有空格。

  .navbar {
    justify-content: space-between;
   }

但它不起作用，标签和链接就在彼此旁边。

Answer 1

根据我的理解，您希望导航菜单位于右侧;只需在代码中添加类navbar-right，如下所示。

   <?php
    wp_nav_menu( array(
        'theme_location'    => 'primary',
        'depth'             => 2,
        'container_id'      => 'bs-example-navbar-collapse-1',
        'menu_class'        => 'nav navbar-nav navbar-right',
        'fallback_cb'       => 'WP_Bootstrap_Navwalker::fallback',
        'walker'            => new WP_Bootstrap_Navwalker())
    );
    ?>

如何在wordpress bootstrap导航中的navbar-brand和items之间添加空格？

1 个答案: