我尝试使用75/25%布局中的多个内容块的Bootstrap 3布局。
我面临的问题是在移动设备上我需要右栏中的前几个元素来到正文内容之前,后面几个元素。
桌面布局:
|------------------|------|
| | r1 |
| body 1 |------|
| | r2 |
| |------|
|------------------| r3 |
| body 2 |------|
| | r4 |
|------------------|------|
移动布局:
|---------|
| r1 |
|---------|
| r2 |
|---------|
| body1 |
|---------|
| body2 |
|---------|
| r3 |
|---------|
| r4 |
|---------|
需要注意的是,部分的数量并不固定,因为内容管理员可以通过CMS添加/删除这些部分。
通常我只是将它们包装在Div中并将侧边栏元素向右浮动,但这是在Bootstrap中执行此操作的正确/唯一方法吗?