Grid 引导：响应性侧边栏拉

我已经尝试了很长一段时间，但我就是想不出来。我有一个3-6-3的网格，我想以一种响应的方式修改为一个两列的网格，比如4-8，其中两边或只在一边

例子 这些数字是默认12网格系统中的bootstrap 3.0网格跨度

它在大屏幕上的外观： 3：左侧边栏

6：内容

3：右侧边栏

----------------------------------------------------
|   Sidebar-Left  |  Content      |  Sidebar-right |
----------------------------------------------------

---------------------------------------------------
|  Sidebar-Left   |                               |
|------------------             Content
|  Sidebar-right  |                               |
---------------------------------------------------

在较小的屏幕上它应该是什么样子： 4：左侧边栏

8：内容

4：右侧边栏

----------------------------------------------------
|   Sidebar-Left  |  Content      |  Sidebar-right |
----------------------------------------------------

---------------------------------------------------
|  Sidebar-Left   |                               |
|------------------             Content
|  Sidebar-right  |                               |
---------------------------------------------------

现在的样子：

无论如何，这是可能的。我认为右边的边栏应该以一种回应的方式移动到一个新的行中

---

这里的任何帮助都非常棒。

您可以通过在content div上设置float:right属性，并使用媒体查询将其重置为较大屏幕尺寸的左侧来实现这一点。这是一个例子

html