Haml Bootstrap Форма поиска

Question

Мой Navbar код выглядит следующим образом:

%header.navbar.navbar-fixed-top 
    %div.navbar-inner 
    %div.container 
     %nav 
     %ul.nav.pull-right 
      - if user_signed_in? 
      %li= link_to "Sign out", '#' 
      - else 
      %li= link_to "Sign in", '#' 

Я пытаюсь получить мою Navbar, чтобы выглядеть, что на странице NavBar Bootstrap, как показано here, однако я не знаю, как перевести

<form class="navbar-search pull-left"> 
    <input type="text" class="search-query" placeholder="Search"> 
</form> 

в Хамль. Моя последняя попытка выглядеть:

%header.navbar.navbar-fixed-top 
    %div.navbar-inner 
    %div.container 
     %nav 
     %ul.nav.pull-right 
     %form.navbar-search 
      %input.search-query 
      - { :type => "text", :placeholder => "Search" } 
     - if user_signed_in? 
      %li= link_to "Sign out", '#' 
      - else 
      %li= link_to "Sign in", '#' 

В то время поиска появляется панель с соответствующими классами CSS, то :type => "text" и :placeholder => "Search" части не существует в моем HTML, когда я проверить его. Как я могу это исправить? Благодаря!

== EDIT ==

Возможно, чтобы сделать это более ясным - я использую это в Rails 3 приложения, и я понимаю, что я, вероятно, следует использовать form_tag, но я не уверен, как поступить.

Answer 1

Он должен работать так:

%header.navbar.navbar-fixed-top 
    %nav.navbar-inner 
    .container 
     %ul.nav 
     - if user_signed_in? 
      %li= link_to "Sign out", '#' 
     - else 
      %li= link_to "Sign in", '#' 
     = form_tag some_path, :class => "navbar-search pull-left", :method => :get do 
     = text_field_tag :name, nil, :class => "search-query span3", :placeholder => "Search" 

Будьте осторожны с отступом.

Я также советую вам попробовать начать с шаблона приложения и руководства для рельсов: http://railsapps.github.com/. Что касается новичка, это будет отличный пример того, как и как настроить и как он должен выглядеть.