Bootstrap .pull-right không ảnh hưởng đến .navbar-search

Question

Tôi muốn sử dụng lớp .navbar-search trong Boostrap, nhưng tôi muốn sử dụng nó với .pull-right. Tuy nhiên .pull-right dường như không ảnh hưởng đến thanh tìm kiếm .navbar-search có một dấu phẩy: còn lại trong đó và dường như ghi đè .navbar-search.

Có cách nào rõ ràng để làm cho nó hoạt động với Bootstrap hay tôi chỉ cần thêm css tùy chỉnh cho tìm kiếm tìm kiếm phao phải không?

HTML (tạo từ HAML trong một ứng dụng đường ray)

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

CSS Generated:

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

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

Full Nav (tạo từ 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

Sau khi thử nghiệm lớp học với tờ bootstrap.css mới nhất, chúng tôi thấy rằng lớp .pull-right không có sẵn trong phiên bản cũ hơn của trình khởi động để cập nhật đã khắc phục sự cố.

Demo lớp đang được sử dụng với trang tính khởi động mới nhất.

Answer 2

Thêm quan trọng đối với! .pull-right

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