中心使用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>

这是我的代码显示：

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

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

感谢您的帮助和指导。

Answer 1

删除您可能已应用于滑块div的所有左拉，右拉类，并应用以下样式：

滑块div的

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

用于滑块容器

text-align: center;