ブートストラップtouchSpinのさまざまな要素を調整してください

Question

私のブートストラップtouchSpinの要素をデモ（http://www.virtuosoft.eu/code/bootstrap-touchspin）のように整列させたいと思います。

下の例からわかるように、2つのボタンはテキストボックスと垂直によく整列しています。私の場合は

、マイナスボタン、プラスボタンとテキストボックスがうまく整合していません。

明示的に私の問題を表示するには、私はhttp://www.finapp.biz/testabcd/

のデモをアップロードしているあなたは、私はこの問題を解決することができる方法上の任意のアイデアを持っていますか？

私の質問が分かりやすいと思います。

ご協力いただきありがとうございます。

Answer 1

Button addonsと呼ばれるブートストラップコンポーネントを使用する必要があります。公式のBootsrapページでhereの詳細を読むことができます。 探しているアイテムのようなコードスニペットを残しておきます。

<div class="row"> 
    <div class="col-lg-6"> 
    <div class="input-group"> 
     <span class="input-group-btn"> 
     <button class="btn btn-default" type="button">L</button> 
     </span> 
     <input type="text" class="form-control" placeholder="Search for..."> 
     <span class="input-group-btn"> 
     <button class="btn btn-default" type="button">R</button> 
     </span> 
    </div><!-- /input-group --> 
    </div><!-- /.col-lg-6 --> 
    <!-- /.col-lg-6 --> 
</div><!-- /.row -->