Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/vb.net/17.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 移动位置上的引导柱_Html_Css_Twitter Bootstrap - Fatal编程技术网

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