Html 移动位置上的引导柱
我有这样的看法:Html 移动位置上的引导柱,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我有这样的看法: <div class="container"> <div class="col-md-9">mymaincontent</> <div class="col-md-12">mygallery</> <div class="col-md-3">mysidebar</> </> 我的主要内容 我的画廊 mysidebar 我想让我的边栏保持在桌面视图上 并使
<div class="container">
<div class="col-md-9">mymaincontent</>
<div class="col-md-12">mygallery</>
<div class="col-md-3">mysidebar</>
</>
我的主要内容
我的画廊
mysidebar
我想让我的边栏保持在桌面视图上
并使我的图库位于我的移动视图的侧边栏上方您可能需要尝试CSS Flexbox:,因为这是动态修改内容位置的最简单方法 感谢您应该测试视口的最大宽度:
//Default style
.container {
display: flex;
flex-direction: row;
}
//Adaptative style
@media (max-width: 12450px) {
.container {
display: flex;
flex-direction: column; /*from row to column*/
}
}
请给我们看看你的HTML