引導程序片段搜索框不能正常工作

Question

所以，我在我的網站上使用了這個代碼片段：http://bootsnipp.com/snippets/featured/inline-navbar-search 但是它看起來並不像預期的那樣工作正如您在圖片中看到的，當我單擊搜索圖標時，整個搜索盒子放在品牌標誌左側。 我看到這段代碼是用於bootstrap 3.1.0的我怎樣才能使它像bootstrap 3.3.7的代碼片段一樣工作？

Answer 1

嘗試用塊添加

text-align: right 

，如：

header .navbar-collapse form[role="search"] { 
    position: absolute; 
    top: 0; 
    right: 0; 
    width: 100%; 
    padding: 0; 
    margin: 0; 
    color: #D04746 !important; 
    z-index: 0; 
    text-align: right; 
}