輸入文本框，並使用引導

我試圖實現了一段時間，但沒有成功，這種影響在移動不會堆積。需要在文本框右側的桌面和使用自舉類移動視圖搜索表單的按鈕。無論我做什麼，Th按鈕總是出現在文本框的底部。我需要textfield +按鈕以桌面和移動視圖爲中心。輸入文本框，並使用引導

<header class="jumbotron masthead mastheadcstm"> 
    <div class="container"> 
    <div class="row-fluid"> 
     <div class="offset3 span6 offset3"> 
     <form> 
      <input type="text" placeholder="Engineer etc etc"> 
      <button type="submit" class="btn btn-primary">Search!</button> 
     </form> 
     </div> 
    </div> 
    </div> 
</header>

來源

2013-08-26 user2716736

喜歡這個

DEMO

CSS

.offset3{ 
     text-align:center; 
    }

來源

2013-08-26 09:47:20 falguni

我試過，但似乎並不奏效。我使用的引導和一些預現有的CSS是防止它的工作。像其演示一樣無需引導即可正常工作。 – user2716736

你可以嘗試使用更多的類名給力「上面」的人所需要的規則，屬性而在規則ID：

.jumbotron.masthead.mastheadcstm form{ 
    text-align:center; 
}

或簡單地通過增加重要關鍵字屬性：

.jumbotron form{ 
    text-align:center !important; 
}

這兩種方法上升的屬性，它應該讓規則競爭者中覆蓋相應屬性的特殊性。

或者你可以嘗試尋找使用Firefox使用Firebug的罪魁禍首（你需要安裝此擴展名）或谷歌瀏覽器的控制檯（按F12鍵來激活它）。

來源

2013-08-31 14:06:11 bonflash

輸入文本框，並使用引導

回答

相關問題