在移动平台上重新排列列
在移动平台上重新排列列
提问于 2016-01-27 02:56:08
我正在尝试重新排列移动设备上的两列(xs显示)，但是使用push/pull方法时遇到了麻烦。我可以在这上面找到的所有文档都使用两边偶数的列，但是在我的例子中，我使用的是7-5。
我将如何重新调整这个示例，使绿色列只出现在移动设备上，并保持它在桌面屏幕上的样子。
<div class="container">
<div class="row">
<div class="col-sm-7">
<p id="red" class="text-center">
Content
</p>
</div>
<div class="col-sm-5">
<p id="green" class="text-center">
Content
</p>
</div>
</div>
</div>回答 1
Stack Overflow用户
回答已采纳
发布于 2016-01-27 03:12:06
您可以在移动上切换堆叠的顺序，然后按sm大小推拉。
<div class="container">
<div class="row">
<div class="col-sm-5 col-sm-push-7">
<p id="green" class="text-center">
Content
</p>
</div>
<div class="col-sm-7 col-sm-pull-5">
<p id="red" class="text-center">
Content
</p>
</div>
</div>
</div>JS Fiddle：https://jsfiddle.net/kzy5rcau/3/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/35028007
复制相关文章
相似问题
腾讯云开发者
