Twitter Bootstrap 3 - Наверх Наверх Панель навигации не работает

Question

Я использую рамок Twitter Bootstrap 3. Посмотрите на это FIDDLE, и вы поймете мою проблему.

1. Аффикс не работает должным образом.
2. Навигация Элементы не в горизонтальном положении.

Пожалуйста, помогите мне в решении этой проблемы.

И еще одна помощь, если есть список классов начальной загрузки, которые мне тоже помогут.

HTML КОД:

<div class="container" data-spy="affix" data-offset-top="100" id="nav"> 
    <div class="navbar well"> 
     <div class="navbar-inner"> 
      <div class="container"> 
       <div class="col-md-12"> 
        <ul class="nav"> 
         <li class="active"><a href="#">Home</a></li> 
         <li><a href="#">Link</a></li> 
         <li><a href="#">Contact</a></li> 
        </ul> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 

Answer 1

Прежде всего, в меню, вы не должны использовать дивы с классами "container" и "col-md-12". Это всего лишь предложение.

Самый быстрый способ решить вашу проблему, чтобы переписать следующий CSS:

.nav > li { 
    position: relative; 
    display: inline-block; 
}