移动位置上的Bootsrap专栏

Question

我有这样的观点：

`<div class="container">
    <div class="col-md-9">mymaincontent</>
    <div class="col-md-12">mygallery</>
    <div class="col-md-3">mysidebar</>
 </>`

我想让我的侧边栏保持在桌面视图上 并使我的画廊保持在我的移动视图的侧边栏上

Answer 1

您可能想尝试使用CSS Flexbox：A complete guide to Flexbox，因为这是动态修改内容位置的最简单方法。

感谢CSS Media queries，您应该测试视口的最大宽度：

//Default style
.container {
    display: flex;
    flex-direction: row;
}

//Adaptative style
@media (max-width: 12450px) {
    .container {
        display: flex;
        flex-direction: column; /*from row to column*/
    }
}