Aligner la marque de la barre de navigation sur la gauche de la page

Question

Comment aligner la marque de barre de navigation à gauche de la page? Je voudrais que mon nom de site Web soit dans la même ligne avec la liste de menu.

Ceci est mon menu actuel bar: Current Navigation Bar

avis, dans ma barre de navigation actuelle, mon nom de site est au-dessus de la liste des menus.

Voici mon code enregistré à Bootply.com: https://www.bootply.com/ksxCEDHXPo

Un grand merci.

Answer 1

Je l'ai compris. Je voulais que mon menu pour ressembler à ceci:

Click here for my expected navigation menu

je avais besoin de mettre la durée de la colonne à la barre de navigation de marque et navbar-effondrement paramètre. C'était mon code avant: Site Nom

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

Voici mon code pour la mise à jour:

<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> 

Pour plus d'informations sur les colonnes consultez le site ci-dessous: https://www.w3schools.com/bootstrap/bootstrap_grid_system.asp