如何将按钮放置在中心？

Question

我以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。

Answer 1

删除类输入群象下面这样：

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

http://jsfiddle.net/fwz0w44n/