CSS float位于Bootstrap导航栏下方

Question

在我的Rails 4应用中，我无法正确使用菜单栏。具体来说，这两个div重叠。

我想要一个块＆＃34;注册＆＃34;和＆＃34;登录＆＃34;与左侧的菜单对齐，除了向右浮动。我不希望它漂浮在Bootstrap 3 nav div之下，如下所示：

当有人登录或退出时，这看起来特别不愉快：

带有＆＃34;注册＆＃34;的侧栏或用户名和＆＃34;登录＆＃34;或＆＃34;退出＆＃34;在班级nav pull-right。在bootstrap.css中，代码的相关位似乎是这样的：

.pull-right {
float: right !important;
}

以下是我的application.html.erb代码的一部分：

<div class="navbar navbar-fixed-top">
<div class ="navbar-inner">
<div class="container">
<b><a href="#" class="brand">WHEELS Registration</a></b>
<ul class ="nav">
<%= link_to "All Events", events_path %>
</ul>
<ul class="nav pull-right">
    <% if user_signed_in? %>
    <li><%= link_to current_user.full_name, edit_user_registration_path %>  </li>
    <li><%= link_to "Log Out", logout_path %></li>
    <% else %>
      <li><%= link_to "Register", register_path %></li>
      <li><%= link_to "Log in", login_path %></li>
    <% end %>
  </ul>
  </div>
  </div>
</div>
<div class="container">
<% flash.each do |type, message| %>
   <div class = "alert <%= flash_class type.to_s %> ">
  <button class="close" data-dismiss="alert">x</button> 
  <%= message %>
 </div>
<% end %>

<%= yield %>
</div>

应用程序在这里，如果看看会有所帮助：https://wheels-registration-yamilethmedina.c9.io/

（我还没有用Ruby on Rails标记这个，因为它在技术上是一个CSS和引导程序问题而且我不想阻塞那个标签，但我会添加它，如果你认为它是相关的）

Answer 1

尝试在包含标题其他部分的div中添加pull-left类。这样的事情：

[...]
<div class="container">
    <div class="pull-left">
        <b><a href="#" class="brand">WHEELS Registration</a></b>
        <ul class ="nav">
        <%= link_to "All Events", events_path %>
        </ul>
    </div>
    <ul class="nav pull-right">
        [...]