Bootstrap .pull-right no afecta a .navbar-search

Question

Me gustaría utilizar la clase .navbar-search en Boostrap, pero me gustaría usarlo con .pull-right. Sin embargo, .pull-right no parece afectar la barra de búsqueda, ya que .navbar-search tiene un carácter flotante: queda en él y parece anular .navbar-search.

¿Hay alguna manera obvia de hacerlo funcionar con Bootstrap o simplemente necesito agregar un CSS personalizado para una búsqueda de nab derecho?

HTML (generado a partir de HAML en una aplicación rieles)

<form accept-charset="UTF-8" action="/search" class="navbar-search pull-right" method="get"> 
    <div style="margin:0;padding:0;display:inline"> 
    <input name="utf8" type="hidden" value="✓"> 
    </div> 
    <input class="search-query" id="q" name="q" placeholder="Search" type="text"> 
</form> 

generado por CSS:

.navbar-search { 
    position: relative; 
    float: left; 
    margin-top: 6px; 
    margin-bottom: 0; 
} 
bootstrap.css:236 

.pull-right { 
    float: right; 
} 
bootstrap.css:525 

Nav completo (generado a partir HAML):

<div class="navbar navbar-fixed-top"> 
    <div class="navbar-inner"> 
    <div class="container"> 
     ... 
     <form accept-charset="UTF-8" action="/search" class="pull-right navbar-search" method="get"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓"></div> 
       <input class="search-query" id="q" name="q" placeholder="Search" type="text"> 
     </form> 
    </div> 
    </div> 
</div> 

Answer 1

Después de probar la clase con la hoja bootstrap.css más reciente, encontramos que la clase .pull-right no estaba disponible en la versión anterior del programa de arranque, por lo que la actualización solucionó el problema.

Demo de la clase que se utiliza con la última hoja de arranque.

Answer 2

Añadir importante! .pull-right

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