Twitter のブートストラップとそのカバーの例をベースとして使用します。そこにいくつかの入力フィールドを追加し、2 番目の ( 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があります。