0
我知道如何在使用col-push
和col-pull
的响应中更改自举列顺序,但我无法通过全网格(col-xs-12,col-sm-12)实现此目的。所以我想要做的是,你可以看到下面的图像如何更改自举列表响应全栅格命令?
和我的代码
#sidebar{
background:lightblue;
}
#content{
background:lightgreen;
}
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<main id="site-content" class="container">
<div class="row">
<aside id="sidebar" class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
<h1>Sidebar</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos a sed, quidem corporis nam ut recusandae aliquid, fugiat, earum eveniet porro aliquam quod.</p>
</aside>
<div id="content" class="col-lg-8 col-md-8 col-sm-8 col-xs-12">
<h2>Hi I'm a title of this container</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem dolore, quos corrupti soluta vel necessitatibus quibusdam, dolor, quae sed quod cum.</p>
</div>
</div>
</main>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
我谈论了满格COL-XS- 12例如..我猜这是不同的问题
这个问题已经回答了很多次。首先想到移动!把你的B div放在你的HTML中,然后应用推 - 推。 – tmg
使BA在html文件中的顺序,使用浮动权的网络视图 – madalinivascu
可能重复[Bootstrap网格拉/推行](https://stackoverflow.com/questions/32788846/bootstrap-grid-pull-push-行) –