Html 在自举网格系统中，如何使两个向右拉的元素在另一个元素之下？

我在我的页面上有一个引导网格系统，希望将两个元素拉到右边，但将一个放在另一个下面。这是我现在掌握的密码。我希望活动和主按钮的位置一个低于另一个，但也拉右。截至目前，情况如下：

如果我把这个添加到按钮上，那么它会正确对齐，但在手机上，它会弄糟

初级的

这就是我目前所拥有的。我能做些什么来达到预期的结果

<div class="wrapper wrapper-content  animated fadeInRight">
    <div class="row  border-bottom white-bg dashboard-header">
        <div class="col-md-3">
            <h4>Dummy Name</h4>
            <small>Dummy Street</small><br>
            <small>Dummy Apt, Some City, Some State</small><br>
            <small>United States</small><br>
        </div>


        <div class="col-md-3">
            <h5>123-456-7890</h5>
        </div>

        <div class="col-md-3">
            <h5>some_name@somecompany.com</h5>
        </div>

        <div class="col-md-3">
            <h2 class="pull-right" style="margin-top: -5px">Active</h2><br>
            <button type="button" class="btn btn-w-m btn-primary">Primary</button>
        </div>
    </div>
</div>

---

你根本不需要向右拉-你只需要右对齐标题的文本，按钮是文本对齐：在css或父div上的text right类中的right。请注意，由于预览窗口较小，你需要以全屏模式打开此代码段

我还建议您将css放在自己的样式表中，而不是内联样式规则中。如果使用文本对齐：右对齐作为样式规则，则可以使用媒体查询将其应用，或根据需要在某些屏幕尺寸上使用左对齐

虚名 虚拟街 虚拟公寓，某个城市，某个州 美国 123-456-7890 一些_name@somecompany.com 忙碌的 主要的，重要的