Как разместить кнопку в центре?

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/