0

こんにちは、

ブートストラップが初めてで、レールで使用しようとしています。ナビゲーション バーを作成しようとしていますが、動作していないナビゲーション バーの右端にリンクを表示しようとしています。これが私のコードです：

   <div class="navbar navbar-fixed-top">
   <div class="navbar-inner">  
   <div class="container">  

    <ul class="nav">  
       <li class="active">  
         <%= link_to "Rubyblog", root_path, :class => 'brand' %>
       </li>  

       <li>
         <a href="#">Edit Account</a>
       </li>

       <li>
         <a href="#">Categories</a>
       </li>

        <ul class = "nav pull-right">
          <a href="#">Current User</a>
        </ul>

    </ul> 

</div>


最後のリンク「現在のユーザー」をナビゲーションバーの右端に表示しようとしています。div クラス "nav pull-right" を使用しても機能しないようです: http://i.imgur.com/BEBcaIc.png

私が欠けている/間違っていることを教えてください。あなたの意見に感謝します。

ありがとう！マイク

編集:私の質問に答える:

メインの「nav」クラスタグから「nav pull-right」を引き出し、機能しました。更新されたコード:

 <div class="navbar navbar-fixed-top">
 <div class="navbar-inner">  
 <div class="container">  

<ul class="nav">  
   <li class="active">  
     <%= link_to "Rubyblog", root_path, :class => 'brand' %>
   </li> 

   <% if user_signed_in? %>

      <li>
        <%= link_to 'Edit Account', edit_user_registration_path %>
      </li>

      <li>
        <%= link_to 'Categories', categories_path %>
      </li>

      <% if current_user.has_role? :admin %>
         <li>
           <%= link_to 'Users', users_path %>
         </li>
      <%end%>
   <%else%>
      <li>
        <%= link_to 'Sign up', new_user_registration_path %>
      </li>
   <% end %>
</ul> 

   <ul class = "nav pull-right">
      <li><%= link_to 'Welcome, '+current_user.name, edit_user_registration_path %></li>
   </ul>

4

3 に答える 3

0

現在のユーザーを次のようにしてみましたか:

<li class="pull-right">
    <a href="#">Current User</a>
</li>

navスタイリングが失われている理由は、 .内にネストしているためだと確信していますnav。

于 2013-11-10T02:43:13.080 に答える