ブートストラップ：ナビゲーションバーの項目を水平に設定するにはどうすればよいですか？

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>