twitter-bootstrap-3 – 在小scrn-Bootstrap推拉类或浮动修复时

发布时间：2020-12-17 21:21:07 所属栏目：安全来源：网络整理

导读：无论我做什么,我都无法通过100％宽度/小scrns来推倒和叠加.我尝试了col-xs-pull / push-12或col-xs-pull / push-0.我也尝试搞乱div浮动,但无济于事. 我错过了一些明显的东西,还是我需要开始这个难题的第二阶段？ div class="rowdiv id="main" class= "col-xs

无论我做什么,我都无法通过100％宽度/小scrns来推倒和叠加.我尝试了col-xs-pull / push-12或col-xs-pull / push-0.我也尝试搞乱div浮动,但无济于事.

我错过了一些明显的东西,还是我需要开始这个难题的第二阶段？

<div class="row>
<div id="main" class= "col-xs-12 col-xs-pull-? col-sm-8"></div>
<div id="r-column" class="col-xs-12 col-xs-push-? col-sm-4"></div>
</div>

解决方法

如果您采用“移动优先”方法,则将r柱放在标记中,然后相应地使用推/拉

<div class="row">
 <div id="r-column" class="col-xs-12 col-sm-push-8 col-sm-4">right</div>
 <div id="main" class="col-xs-12 col-sm-pull-4 col-sm-8">main</div>
</div>

http://www.bootply.com/121630

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!