Css 调整引导中的向右拉

我希望按钮也在div中，带有“border blue”，但它没有。如果我从button的类中删除“pull right”，则它将在中。那么，如何将按钮保持在div内，并将其向右浮动

HTML:

<form id="LoginForm">
    <div class="container-fluid">
        <div class="row-fluid">                
            <div class="centering text-center col-lg-3 border-blue">
                <div class="drop-shadow raised">
                    <input type="text"/>
                </div>
                <br />
                <div class="drop-shadow raised">
                    <input type="text"/>
                </div>
                <br />
                <div>
                    <span id="spMsg"></span>
                    <button type="submit" class="btn-login-base pull-right">
                        <i class="fa fa-share-square"></i>
                    </button>
                </div>
            </div>
        </div>
    </div>
    </form>

.border-blue {border:1px solid blue;}

.row-fluid 
{
  height: 100%; 
  display:table-cell; 
  vertical-align: middle;  
}

.centering 
{
  float:none;
  margin:0 auto;
  padding:0;  
}
.btn-login-base
{
    width:32px;
    height:34px;
    padding:0;
    background:transparent;
    border:none;        
}
//bootstrap's .pull-right{float:right !important;}

---

将

.clearfix

类添加到

.border blue

，如下所示：

 <div class="centering text-center col-lg-3 border-blue clearfix">

---

它将强制容器不因内部浮动元素而塌陷。

OP-当您找到有效的解决方案时，请记住将答案标记为正确：）@VincentWilkie OP的意思是什么？