Bootstrap：如何水平設置導航欄的項目？

Question

有人可以幫我嗎...我正在嘗試水平設置導航菜單的菜單項。

這是我的標題：

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