我使用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。
答案 0 :(得分:0)
删除类输入组,如下所示:
<div class="input-group-lg">
<input type="email" class="form-control" id="email">