如何在中心放置按钮?

时间:2016-01-20 19:49:51

标签: html css twitter-bootstrap twitter-bootstrap-4 bootstrap-4

我使用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

1 个答案:

答案 0 :(得分:0)

删除类输入组,如下所示:

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

http://jsfiddle.net/fwz0w44n/