Bootstrap, navbar с фиксированным положением

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 id="navbar" class="navbar navbar-fixed-top "> 

</div>