html - Bootstrap Responsive - ウィンドウのサイズを変更するときに行を強制的に下に移動する方法

Question

現在、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のブートストラップレスポンシブを使用して、以下のコンテンツの後にこの行を強制的に開始する方法があるかどうかを知る必要がありますか? どんな助けでも大歓迎です。