引導帶，導航欄（固定位置）

Question

我的html網站頂部有一個導航欄。 我最近想對其進行更改，以使該欄始終在用戶向下滾動時顯示在頁面上。 我這樣做時遇到了一個問題。 出於某種原因，它首先獲取列表，然后將其垂直堆疊（最初是水平放置）。 我一直在試圖為此找到解決方案，但我被困住了。 看起來是這樣：我不知道如何保持列表水平，非常感謝所有幫助！

    <table>
    <!-- first row -->
    <tr>
         <!-- first column -->
        <td colspan="2" style="position: fixed; top: 0px; right: 50%">       
      <div class="navbar" style="text-align: center; margin: 0 auto;">
      <div class="navbar-inner">

      <div class="brand">

       <a href="www.investorsfortunes.com">

        Investorsfortunes.com 
      </a>
      </div>

<ul class="nav">
  <li class="divider-vertical"><a href="#">Investors</a></li>
  <li class="divider-vertical"><a href="#">Deals</a></li>
  <li class="divider-vertical"><a href="#">Attornies</a></li>
  <li class="divider-vertical"><a href="#">Appraisers</a></li>
  <li class="divider-vertical"><a href="#">Contact Us</a></li>

  <li class="login">

        <button class="btn btn-primary" id="loginBtn" >Login</button>

  </li>


    <li class="login">
            <button class="btn btn-primary" id="loginBtn" >Sign-Up</button>
    </li>
    </ul>
   </div>
  </div>


        </td>

         <!-- second column -->
        <td>

        </td>
         <!-- third column -->
        <td>

        </td>

    </tr>
   </table>

Answer 1

將導航欄包裹在這些div元素之間

<div id="navbar" class="navbar navbar-fixed-top ">

</div>