css - 对齐bootstrap touchSpin的各个元素

我希望使我的引导程序touchSpin的元素与演示（http://www.virtuosoft.eu/code/bootstrap-touchspin）中的保持一致。

在下面的示例中可以看到，两个按钮在垂直方向上与文本框对齐。



就我而言，减号按钮，加号按钮和文本框未很好地对齐。



为了明确显示我的问题，我在http://www.finapp.biz/testabcd/上上传了一个演示

您对我该如何解决这个问题有任何想法吗？

我希望我的问题是可以理解的。

非常感谢您的帮助。

最佳答案

您需要使用一个称为Button插件的引导程序组件，您可以在Bootsrap官方页面上详细了解它们。
我将给您一个看起来像您要查找的项目的代码段。

<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 -->