浮动：对不起作用？ [Bootstrap 3面板]

Question

我正在制作一个bootstrap 3项目，我已经添加了一个名为＆＃34;添加发货的按钮，我希望这个按钮保持固定在面板的右侧但是当我给它时的风格浮动：权利或拉右等级，它不起作用。

设计必须具有响应性，因此我不能只给它一类浮动：左边然后放边距左边：XXX

如果你知道如何解决这个问题，请告诉我，代码和截图如下。

<div class="row" style="margin-top:-20px;">
<div class="col-md-10 col-md-offset-1">
    <div class="panel panel-primary panel-table" style="border-radius:50px">
        <div class="panel-heading" style="background-color:#EFEFEF; border: 1px solid #CCCCCC; height:45px; width:auto">
            <div class="panel-title" style="padding:0; width:auto" >


            <div class="input-group input-group-sm" style="width:200px; margin-top:7px; margin-left:10px; float:left">
                <span class="input-group-addon"><span class="glyphicon glyphicon-search"></span></span>
                <input type="text" class="form-control" placeholder="Filter">
            </div>

            <div class="btn-group" style="float:left; margin-left:25px; margin-top:6px">
              <button type="button" class="btn btn-default">All</button>
              <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-ok"></span></button>
              <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-road"></span></button>
              <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-exclamation-sign"></span></button>
              <button type="button" class="btn btn-default"><span class="glyphicon glyphicon-remove"></span></button>
            </div>

             <button class="btn btn-info" style="margin-top:6px; float:right">Add Shipment</button>

            </div>  
        </div>

        <div class="panel-body" style="background-color:#F2F2F2; border: 1px solid #CCCCCC; height:200px">  



    </div>
  </div>
</div>

该代码结果的当前屏幕截图：

Answer 1

我尝试复制并粘贴代码以查看外观，看起来很好。我看到Add Shipment按钮被拉到右边。你必须在CSS样式表中有一些东西阻止按钮浮动到正确的