2016-01-20 158 views
1

我以twitter bootstrap及其cover爲例。我在那裏添加了一些輸入字段,並希望將第二個(email)放置在中間(即水平對齊)。我試圖將.center-block.text-center添加到不同的div元素,但它沒有幫助。應該是什麼解決方案?如何將按鈕放置在中心?

下面是代碼:

<p class="lead">Some other text to demonstrate something else</p> 
    <div class="lead"> 
    <div class="form-group"> 
     <div class="text-center center-text"> 
     <div class="input-group input-group-lg"> 
      <input type="email" class="form-control" id="email"> 
     </div> 
     </div> 
    </div> 
    <button type="button" class="btn btn-lg btn-secondary" id="analyze" data-loading-text="Wait...">Analyze</button> 
    </div> 

這裏是jsfiddle

回答

0

刪除類輸入羣象下面這樣:

<div class="input-group-lg"> 
       <input type="email" class="form-control" id="email"> 

http://jsfiddle.net/fwz0w44n/

+0

謝謝,但它改變了按鈕的寬度,我應該怎麼保持不變? –

+0

您必須更改「窗體控件」的內部div,如圖所示: http://jsfiddle.net/pqek76qo/ –