Twitter bootstrap 中柱下落式响应网格设计

我正在构建一个包含三列的简单网格。如果屏幕较小（或数据较大），我希望中间的列移到下一行，而不是通常的行为

<div class="container">
    <div class="row">
        <div class="col">
            <h2>left</h2>
            Loremipsumdolorsitamet, consecteturadipiscingelit,
            seddoeiusmodtemporincididunt utlaboreetdoloremagnaaliqua.
        </div>
        <div class="col">
            <h2>middle</h2>
            Loremipsumdolorsitamet, consecteturadipiscingelit,
            seddoeiusmodtemporincididunt utlaboreetdoloremagnaaliqua.
        </div>
        <div class="col">
            <h2>right</h2>
            Loremipsumdolorsitamet, consecteturadipiscingelit,
            seddoeiusmodtemporincididunt utlaboreetdoloremagnaaliqua.
        </div>
    </div>
</div>

但是，如果这三列不适合彼此相邻，我希望这样：

|| left | right ||
||    middle   ||

与此相反：

|| left | middle ||
||    right      ||

我想我可以把它们按“错误”的顺序写下来，然后加上.order first和.order last，但没什么区别

我使用的是引导版本4.1.3

（编辑） 作为奖励，对于非常小的屏幕（或非常大的数据），我希望它们回到原来的顺序：

|| left   ||
|| middle ||
|| right  ||

使用重新订购较小的屏幕宽度

<div class="container">
    <div class="row">
        <div class="col">
            <h2>left</h2> 
        </div>
        <div class="col order-last order-lg-0">
            <h2>middle</h2> 
        </div>
        <div class="col">
            <h2>right</h2> 
        </div>
    </div>
</div>

---

nice，当它们都包装在非常小的屏幕上时，是否有可能使它们恢复到原来的顺序？正如我在问题中所写的那样，是不是最后尝试了订单，但它本身不起作用，我不理解订单-0@MiloBem我更新了答案，但原来的问题已经得到了回答。

<div class="container">
    <div class="row">
        <div class="col">
            <h2>left</h2> 
        </div>
        <div class="col order-last order-lg-0">
            <h2>middle</h2> 
        </div>
        <div class="col">
            <h2>right</h2> 
        </div>
    </div>
</div>

<div class="container">
    <div class="row">
        <div class="col-sm">
            <h2>left</h2> 
        </div>
        <div class="col-sm order-0 order-sm-last order-lg-0">
            <h2>middle</h2> 
        </div>
        <div class="col-sm">
            <h2>right</h2> 
        </div>
    </div>
</div>