twitter-bootstrap - 使用引导 css 中央对齐输入

Question

我正在使用Bootstrap 3 CSS. 以下是我对输入的标记：

<div class="module module_buy_and_sell_filters">
  <div class="row">
    <div class="col-md-6">
      <p>Filter buy and sells</p>
      <input style="" class="span6 form-control" value="4" id="sl1" type="text"/>
    </div>
    <div class="col-md-6 text-right">
    </div>
  </div>
</div>

这是我的代码的显示：

您能否指导我如何使用引导程序将输入（蓝色内衬滑块）与父 div（黑色内衬）居中对齐。

请注意我不想编写自定义 CSS，我想为它使用引导类。

感谢您的帮助和指导。

Answer 1

删除您可能已应用于滑块 div 的任何 pull-left、pull-right 类，并应用以下样式：

对于滑块 div

display: inline-block;
margin: 0px auto;

用于滑块容器

text-align: center;