軌道上的紅寶石自舉拉桿右側

Question

爲什麼ul class =「nav pull-right」行不起作用？我認爲這取決於如果和其他但我不知道...有人可以幫助我嗎？

<div class="navbar navbar-fluid-top"> 
    <div class="navbar-inner"> 
    <div class="container-fluid"> 
     <a class="btn btn-navbar" data-target=".nav-collapse" data-toggle="collapse"> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     </a> 
     <a class="brand" href="/">Test1</a> 
     <div class="container-fluid nav-collapse"> 
     <ul class="nav"> 
      <% if user_signed_in? %> 
      <li><%= link_to "Link1", "/path1" %></li> 
      <li><%= link_to "Link2", "/path2" %></li> 
      <li><%= link_to "Link3", "/path3" %></li> 
      <li>Welcome, <%= current_user.email %>!</li> 
      </ul> 
      <ul class="nav pull-right"> 
      <li><%= link_to "Log out", destroy_user_session_path, method: :delete %></li> 
     <% else %> 
      <li><%= link_to "Sign in", new_user_session_path %></li> 
      <li><%= link_to "Sign up", new_user_registration_path %></li> 
     </ul> 
      <% end %> 
     </div><!--/.nav-collapse --> 
    </div> 
    </div> 
</div> 

Answer 1

拉右鍵只是增加了「float：right」。嘗試添加「左拉」到前一個導航。

Answer 2

嘗試這樣的：

<div class="container-fluid nav-collapse"> 
     <% if user_signed_in? %> 
     <ul class="nav"> 
      <li><%= link_to "Link1", "/path1" %></li> 
      <li><%= link_to "Link2", "/path2" %></li> 
      <li><%= link_to "Link3", "/path3" %></li> 
      <li>Welcome, <%= current_user.email %>!</li> 
      </ul> 
      <ul class="nav pull-right"> 
      <li><%= link_to "Log out", destroy_user_session_path, method: :delete %></li> 
     <% else %> 
      <ul class="nav pull-right"> 
      <li><%= link_to "Sign in", new_user_session_path %></li> 
      <li><%= link_to "Sign up", new_user_registration_path %></li> 
      <% end %> 
     </ul> 
     </div><!--/.nav-collapse -->