2014-01-27 90 views
1

我有以下代碼...如何使用bootstrap 2.3.2在跨度中水平居中表單?

<div class="row"> 
    <div class="span6"> 
    <h2>Some Text</h2> 
    </div> 
    <div class="span6"> 
    <form class="form-inline pull-right"> 
     <input type="text" class="input-large"> 
     <button type="submit" class="btn">Search</button> 
    </form> 
    </div> 
</div> 

...但搜索形式不與H2標記對齊。我是否需要通過CSS自定義表單樣式,還是我錯過了某些默認的Bootstrap類來解決這個問題?

非常感謝您花時間閱讀/回答此查詢。

[編輯]

http://jsfiddle.net/nuB23/

新增的jsfiddle

+0

你能提供一個小提琴證明問題在行動? –

+0

http://jsfiddle.net/nuB23/ –

回答

0

形式卸下pull-right類。 另一個問題是h2有額外的填充並且是塊級別。我認爲你是什麼真的是在此之後:

<div class="nav"> </div> 

<div class="container"> 
    <form class="form-horizontal "> 
     <div class="control-group "> 
      <label class="control-label large" for="searchInput">Label text:</label> 
      <div class="controls search"> 
       <div class="input-prepend "> <span class="add-on"><i class="icon-search"></i></span> 
        <input type="text" id="searchInput" /> 
        <button type="submit" class="btn btn-primary">Search</button> 
       </div> 
      </div> 
     </div> 
    </form> 
</div> 

http://jsfiddle.net/dbrin/AV654/

+0

感謝dbrin,但類=「nav」的空div的目的是什麼? –

+0

只是一個可能的頂級菜單的佔位符,它不需要,只是將主要內容從屏幕頂部拉下來。 – dbrin