2016-08-25 13 views
0

私のブートストラップtouchSpinの要素をデモ(http://www.virtuosoft.eu/code/bootstrap-touchspin)のように整列させたいと思います。ブートストラップtouchSpinのさまざまな要素を調整してください

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

enter image description here

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

enter image description here

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

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

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

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

答えて

0

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 --> 
関連する問題