为了账号安全,请及时绑定邮箱和手机立即绑定

这个到底什么意思嘛 评论说了 都是浮动拉过来推过去 ,但是不是都是设置了float:left嘛 用一个push不就行了

<!DOCTYPE HTML>

<html>

<head>

<meta charset="utf-8">

<title>列排序</title>

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">

<link rel="stylesheet" href="common.css">

</head>


<body>

<div class="container">

  <div class="row">

    <div class="col-xs-4 col-xs-push-8">.col-md-4</div>

    <div class="col-xs-8 col-xs-pull-4">.col-md-8</div>

  </div>

</div>

<div class="container">

  <div class="row">

    <div class="col-xs-4 col-xs-pull-8">.col-md-4</div>

    <div class="col-xs-8 col-xs-push-4">.col-md-8</div>

  </div>

</div>

</body>

</html>


正在回答

2 回答

pull是向左偏移,push是向右,

<div class="row">

    <div class="col-xs-4 col-xs-pull-8">.col-md-4</div>

    <div class="col-xs-8 col-xs-push-4">.col-md-8</div>

  </div>

这段代码里的<div class="col-xs-4 col-xs-pull-8">.col-md-4</div>都跑到这里了。

http://img1.sycdn.imooc.com//58c79ca400014fea09410151.jpg

0 回复 有任何疑惑可以回复我~
#1

Samuel_Yang 提问者

是不是说 原来按照bootstrap就是一块一块从左边开始叠起来的,然后想交换位置就要把左变的push过去到右边然后右边的不pull的话会被覆盖所以pull过去就可以实现交换了对吧?
2017-03-14 回复 有任何疑惑可以回复我~

恩,是的。

0 回复 有任何疑惑可以回复我~
#1

Samuel_Yang 提问者

灰常感谢
2017-03-14 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

这个到底什么意思嘛 评论说了 都是浮动拉过来推过去 ,但是不是都是设置了float:left嘛 用一个push不就行了

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信