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

源自：4-5 列排序

这个到底什么意思嘛评论说了都是浮动拉过来推过去，但是不是都是设置了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>

提问者：Samuel_Yang 2017-03-14 14:57

个回答

炮灰乙

2017-03-14 15:35:12

已采纳

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>都跑到这里了。

0
炮灰乙

2017-03-14 16:08:36

恩，是的。

0