twitter-bootstrap - ブートストラップ 3 入力追加のトラブル

Question

私の英語でごめんなさい。

こんにちは、Bootstrap 3 の問題に直面して、2 つのテキスト フィールドとボタンのグループ化を行うことは不可能です。迅速な解決。

Answer 1

入力グループと 2 つの入力フィールドを使用して、いくつかの CSS を追加すると、次のように実行できます。

HTML:

<div class="input-group double-input">
    <input type="text" placeholder="First" class="form-control" />
    <input type="text" placeholder="Second" class="form-control" />
    <span class="input-group-btn">
        <button class="btn btn-default" type="button">Go!</button>
    </span>
</div><!-- /input-group -->

CSS:

.double-input .form-control {
    width: 50%;
    border-right-width: 0px;
}
.double-input .form-control:focus {
    border-right-width: 1px;
}

このフィドルを確認してください：http://jsfiddle.net/aorcsik/TshQ7/