html - 如何将按钮放置在中心？

Question

我使用twitter bootstrap及其封面示例作为基础。我在那里添加了一些输入字段，并希望第二个 ( 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/