Css 在桌面上自定义引导列排列

使用Bootstrap v3.1.1

---

当浏览器窗口打开时

---

您可以使用

列sm-*

或

列xs-*

<div class="container">
    <div class="row clearfix">
        <div class="col-md-2 col-sm-12 column left" style="background: rgb(108,108,240)"></div>
        <div class="col-md-8 col-sm-6 column main" style="background: rgb(108,108,240)"></div>
        <div class="col-md-2 col-sm-6 column right" style="background: rgb(108,108,240)"></div>    
    </div>
</div>

但是最大的一列（main）必须是div列表中的第一列

<div class="container">
    <div class="row clearfix">
        <div class="col-md-2 col-sm-12 column left" style="background: rgb(108,108,240)"></div>
        <div class="col-md-8 col-sm-6 column main" style="background: rgb(108,108,240)"></div>
        <div class="col-md-2 col-sm-6 column right" style="background: rgb(108,108,240)"></div>    
    </div>
</div>