부트 스트랩 : 내 탐색 막대의 항목을 가로로 어떻게 설정합니까?

Question

아무도 나를 도와주세요 ... 내 nav의 메뉴 항목을 수평으로 설정하려고합니다. 여기

내 헤더입니다 :

<meta charset=amp;quot;utf-8amp;quot;> 
<meta http-equiv=amp;quot;X-UA-Compatibleamp;quot; content=amp;quot;IE=edgeamp;quot;> 
<meta name=amp;quot;viewportamp;quot; content=amp;quot;width=device-width, initial-scale=1amp;quot;> 
<script src="https://npmcdn.com/tether@1.2.4/dist/js/tether.min.js"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" /> 

그리고 이것은 내 메뉴이다 :

<nav class="navbar navbar-default"> 
    <div class="container-fluid"> 
    <div class="navbar-header"> 

    <ul class="nav navbar-nav"> 
     <li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Inicio <span class="caret"></span></a> 
      <ul class="dropdown-menu"> 
      <li><a href="#">Opcion 1</a></li> 

      <li><a href="#">Opcion 2</a></li> 

      <li><a href="#">Opcion 3</a></li> 

      </ul> 
     </li> 
     <li><a href="#">Pagina 2</a></li> 

     <li><a href="#">Pagina 3</a></li> 

    </ul> 
    </div>  
    </div> 
</nav> 

나는 수직으로 메뉴 항목을 받고 있어요,하지만 난 싶지 않아 그냥 수평 ... 그 . 나

Answer 1

<nav class="navbar navbar-default"> 
     <div class="container-fluid"> 
      <div class="navbar-header"> 
       <ul class="nav navbar-nav"> 
        <li><a href="#">Opcion 1</a></li> 
        <li><a href="#">Opcion 2</a></li> 
        <li><a href="#">Opcion 3</a></li> 
        <li><a href="#">Pagina 2</a></li> 
        <li><a href="#">Pagina 3</a></li> 
       </ul> 
      </div> 
     </div> 
    </nav>