Css 引导三列布局堆叠问题

我在Bootstrap中使用了3列布局，导航、内容和小部件位于右侧，但当屏幕处于移动视图时，希望布局堆叠如下；导航小部件，然后内容，请建议

有关所需的桌面和移动设备布局顺序，请参见图像：

---

按移动设备所需的顺序放置块。然后向右拉“小部件”：

<div class="container">
    <div class="row">
        <div class="span3 custom-nav"></div>
        <div class="span3 custom-widget pull-right"></div>
        <div class="span6 custom-content"></div>
    </div>
</div>​

还有几件事：

• 我在这里使用

  custom

  前缀，以避免运行到Bootstrap预定义的

  .nav

  和

  .content

  类中
• 看看它是如何工作的
• 检查我是否回答了
• 欢迎来到StackOverflow

---

请提供更多信息，并至少提供所需布局的图像。

@media (max-width: 767px) {
    [class*="span"].pull-right {
        float: none;
    }
}