我尝试使用右拉类,实际上它拉了过滤器,但还有更多空间可以填充.如果您查看我在下面提供的示例,您将看到我的目标是将按钮与紫色行的右侧对齐,但它失败了.

我真的不明白为什么会发生这种情况,但我认为这与行的一些边缘/填充问题有关.我正在寻找一个答案来解释为什么会发生这种情况所以我能理解这个问题并且不会处理它再次:).

你可以查看我的标记by clicking here on bootply

我也会在这里发布我的标记：

<div class="container">
  <div class="row" style="background:slateblue;">
    <div class="col-xs-12">
    <form role="form" class="form-horizontal">
            <div class="form-group pull-right">
                 <div class="col-xs-4">
                        <input type="text" class="form-control text-center">
                </div>
                <div class="col-xs-4">
                        <input type="text" class="form-control text-center">
                </div>
                <div class="col-xs-2 col-sm-2" style="margin-top:3px;">
                        <button type="submit" class="btn btn-success">
                            <span class="glyphicon glyphicon-refresh"></span>
                        </button>
                </div>
            </div>
      </form>
      </div><!-- main col 12-->
  </div><!--row-->
  <div class="row" style="background:slategrey; height:200px;">
  </div>
</div>