2

私の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", '#'

ここに示すように、Bootstrap navbar ページで navbar をそのように表示しようとしていますが、翻訳方法がわかりません

<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 クラスが表示されますが、HTML を調べると、:type => "text"との:placeholder => "Search"部分が HTML に存在しません。どうすればこれを修正できますか? ありがとう！

==編集==

おそらくこれを明確にするために-これをRails 3アプリで使用していますが、おそらく使用する必要があることに気づきましたが、どうすればよいform_tagかわかりません。

4

1 に答える 1

4

次のように動作するはずです。

%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"

インデントに注意してください。

また、Rails アプリのテンプレートとチュートリアル ( http://railsapps.github.com/ ) から始めることをお勧めします。初心者にとっては、何をどのようにセットアップするか、どのように見えるべきかの優れた例になるでしょう.

于 2012-06-02T17:58:26.907 に答える