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

来源:4-5 列排序

Samuel_Yang

2017-03-14 14:57

<!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回答

  • 炮灰乙
    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>都跑到这里了。

    http://img.mukewang.com/58c79ca400014fea09410151.jpg

    Samuel...

    是不是说 原来按照bootstrap就是一块一块从左边开始叠起来的,然后想交换位置就要把左变的push过去到右边然后右边的不pull的话会被覆盖所以pull过去就可以实现交换了对吧?

    2017-03-14 15:44:10

    共 1 条回复 >

  • 炮灰乙
    2017-03-14 16:08:36

    恩,是的。

    Samuel...

    灰常感谢

    2017-03-14 16:21:47

    共 1 条回复 >

玩转Bootstrap(基础)

告诉你使用Bootstrap,并且能够独立定制出适合自己的Bootstrap

314544 学习 · 2275 问题

查看课程

相似问题