html - Bootstrap响应式-调整窗口大小时如何将行强制到底部

我目前有一排6个按钮，每个按钮都在span2 div中，如下所示：

<div class="row">
    <div class="span2">
        <a href="@Url.Action("Contact", "Home")" class="detailsBtn"><i class="icon-eye-open icon-large"></i> Arrange a Viewing</a>
    </div>
    <div class="span2">
        <a href="@Url.Action("Contact", "Home")" class="detailsBtn"><i class="icon-mobile-phone icon-large"></i> Request a Callback</a>
    </div>
    <div class="span2">
         <a href="#" class="detailsBtn"><i class="icon-globe icon-large"></i> View Location Map</a>
    </div>
    <div class="span2">
         <a data-lightbox="fp" href="@Model.Property[0].Floorplan&width=1500" class="detailsBtn"><i class="icon-file-alt icon-large"></i> View Floorplan</a>
    </div>
    <div class="span2">
        <a href="@Model.Property[0].Brochure" target="_blank" class="detailsBtn"><i class="icon-file-text-alt icon-large"></i> View Brochure</a>
    </div>
    <div class="span2">
        @if(Model.Property[0].VirtualTour != null) {
            <a href="@Model.Property[0].VirtualTour" class="detailsBtn"><i class="icon-youtube-play icon-large"></i> Virtual Tour</a>
        }
    </div>
</div>

当前，当我调整窗口大小时，按钮显示在顶部，在任何内容（逐行）之前，如下所示：

按钮1
按钮2
按钮3
..

我只想知道是否有一种方法可以在使用Twitter Bootstrap响应以下内容后强制此行开始？任何帮助将非常感激。

最佳答案

实际上，您可以完全不使用引导程序来实现此目的。

只需将按钮行放入容器中，然后为其提供以下样式即可：

<style>
.buttons-wrap,
.content-wrap {
float:right;
}
</style>


<div class="content-wrap">
content here
</div>
<div class="buttons-wrap">
buttons code here
</div>

小心地将它们按上述顺序排列。

关于html - Bootstrap响应式-调整窗口大小时如何将行强制到底部，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/19847237/