Почему мои стили навигационных стилей Twitter не применяются?

Question

Некоторое время - я делаю приложение для рельсов (4.0). Используя BS3, bootstrap.css и bootstrap-theme.css находятся в каталоге моих стилей проекта, а также в bootstrap.js в каталоге javascripts. Другие стили бутстраповских работать дисплей просто отлично, такие как .btn-группа, .btn-первичный и т.д. Вот Navbar Я пытаюсь создать (HAML):

.navbar.navbar-fixed-top 
    .navbar-inner 
     .container 
      %a.brand{:href => '#'} Site Name 
      %ul.nav 
       %li.active 
        %a{:href => '#'} Home 
       %li 
        %a{:href => '#'} Link 1 
       %li 
        %a{:href => '#'} Link 2 

А вот как это выглядит, по вертикали а не «горизонтальный», а также «бренд», не имеющий своих стилей: http://jsfiddle.net/JLt9u/

Как сделать его горизонтальным, как видно на сайте? Я просто использую устаревшие имена классов? Я смотрел на всевозможные другие вопросы по SO, связанные с этим, и ни у кого нет ответа. Любая помощь будет оценена!

Answer 1

Вы используете старую (2.x) разметку с новыми стилями. Правильная разметка, взятые из Bootstrap docs:

<nav class="navbar navbar-default navbar-fixed-top"> 
    <ul class="nav navbar-nav"> 
    <li class="active"><a href="#">Home</a></li> 
    <li><a href="#">Link 1</a></li> 
    <li><a href="#">Link 2</a></li> 
    </ul> 
</nav> 

Если вы переходите от 2.x до 3.0 есть a docs section for that.