我无法使用bootstrap将块放在正确的位置
我无法使用bootstrap将块放在正确的位置
提问于 2017-08-23 23:13:21
有人能帮帮我吗，我需要这样做
<div class="container">
<div class="col-md-6" >A</div>
<div class="col-md-12">B</div>
<div class="col-md-6">C</div>
</div>我上面的开始代码。请帮帮我
回答 3
Stack Overflow用户
发布于 2017-08-23 23:21:03
您可以使用push和/或pull来实现此目的。请查看此链接https://scotch.io/tutorials/reorder-css-columns-using-bootstrap。
列A的顺序需要保持不变，而B和C需要切换，以便在更大的屏幕上，C在B之前。
Stack Overflow用户
发布于 2017-08-23 23:23:36
您可以使用display: flex；和reorder item
Stack Overflow用户
发布于 2017-08-23 23:31:34
因为你需要用col12和col6进行交换，所以push和pull不能正常工作，所以我只能考虑使用won/show。如下例所示：
.container div {
background: aqua;
border: 1px solid red;
}<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
<div class="container row">
<div class="col-md-6">A</div>
<div class="col-md-12 hidden-md hidden-lg">B</div>
<div class="col-md-6">C</div>
<div class="col-md-12 hidden-xs hidden-sm">B</div>
</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/45843525
复制相关文章
相似问题
腾讯云开发者
