这是我的演示：http : //jsfiddle.net/8bxYr/215/
我想在移动屏幕上订购div ，我正在使用Bootstrap 3。
最近，我读了这篇文章：苏格兰威士忌，但我无法处理
HTML：
<div class="container content">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-5 col-lg-4">
should be below
</div>
<div class="col-lg-8 col-md-7 col-sm-12 col-xs-12">
should be above in mobile screen
</div>
</div>
</div>
有什么建议吗？谢谢
您将要结束的div放在第二栏中，而不是第一栏中。您也不需要所有这些col --（col-xs- *也不会堆叠在xs视口上）
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" />
<div class="container">
<div class="row">
<div class="well well-lg clearfix">
<div class="col-sm-6 col-sm-push-6">
<div class="alert alert-info">should be above in mobile screen</div>
</div>
<div class="col-sm-6 col-sm-pull-6">
<div class="alert alert-danger">should be below</div>
</div>
</div>
</div>
</div>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句