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/

如何在中心放置按钮？

1 个答案: