2017-10-02 5 views
-3

페이지 왼쪽에 navbar-brand를 정렬하려면 어떻게합니까? 내 웹 사이트 이름을 메뉴 목록과 같은 줄에 넣고 싶습니다.페이지 왼쪽에 navbar-brand 정렬

이 내 현재의 메뉴 모음입니다 : Current Navigation Bar

공지 사항, 내 현재 탐색 바에서 내 웹 사이트의 이름은 메뉴 목록 이상입니다. https://www.bootply.com/ksxCEDHXPo

많은 감사 :

여기 Bootply.com에 저장 내 코드입니다.

+0

[왼쪽에서 본다] (https://jsfiddle.net/p0jvre10/) –

+0

메뉴가 보이지 않고 여기에 뭐가 잘못 됐는지 보지 못해. https://www.bootply.com/에 코드를 입력하면 우리가 의미하는 바를 알 수 있습니다. – TidyDev

+0

스타일을 볼 수 있도록 CSS를 추가하십시오. – Syfer

답변

0

나는 그것을 알아 냈다. 나는 다음과 같이 내 메뉴를 원 :

Click here for my expected navigation menu

나는 네비게이션 바에 브랜드에 열 범위를 놓고 메뉴 바 붕괴 매개 변수를 할 필요가 있었다. 이 있었다 내 코드 앞에 : 웹 사이트 이름 여기

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