Bootstrap向右浮动 - 当它突破到新线时使其向左浮动

Question

我正在尝试在Bootstrap 3中构建一个响应式设计，浮动左侧和浮动右侧元素。

我目前正在使用它来创建效果：

  <h3 class="pull-left>Dashboard</h3>
    <div class="pull-right">        
      <a href="#" class="btn" style="white-space:normal;">Sample Filter Button With Varying Text</a>                  
    </div>   
  <div class="clearfix"></div> 
</div>

这可以在更大的屏幕上正常工作，但是，当你转到较小的屏幕（移动设备）时，右拉元素会断开新线并保持“正确对齐”状态。在页面上。

当它打破这个新行时，如何使它保持对齐？请记住，元素的内容是动态的，并且具有动态宽度。