Question

如何将导航栏品牌对齐到页面左侧？我希望我的网站名称与菜单列表位于同一行。

这是我当前的菜单栏： Current Navigation Bar

请注意，在我的当前导航栏中，我的网站名称位于菜单列表上方。

以下是我在Bootply.com上保存的代码： https://www.bootply.com/ksxCEDHXPo

非常感谢。

Answer 1

我明白了。我希望我的菜单看起来像这样：

Click here for my expected navigation menu

我需要将列范围放到navbar-brand和navbar-collapse参数中。这是我之前的代码：网站名称

    </div>
<div class="collapse navbar-collapse" id="myNavbar">

以下是我的更新代码：

    <nav class="navbar navbar-default">

    <div class="container-fluid">

    <div class="navbar-header">

      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#myNavbar">

        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>                        
      </button>

      <a class="navbar-brand col-md-4" href="#">Awesome Theme</a>

    </div> <!-- nav-header -->
    <div class="collapse navbar-collapse col-md-8" id="myNavbar">    

      <?php 
            wp_nav_menu(array(
                'theme_location'=>'primary',
                'container' => false,
                'menu_class'=>'nav navbar-nav navbar-right'
            )
        );
      ?>

  </div><!-- collapse -->
</div><!--  container-fluid  -->
</nav>

有关列的更多信息，请查看以下网站： https://www.w3schools.com/bootstrap/bootstrap_grid_system.asp

将导航栏品牌对齐到页面左侧

1 个答案: