md和sm / xs列网格的不同布局 - Bootstrap

Question

人。我在这里使用bootstrap有一点问题。我正在尝试创建一个div容器，其中包含3列宽度相等的行：

scp

我遇到的问题是我希望带有'logo'的列是xs / sm设备上第二个（在'content'之后）或调整浏览器窗口大小的列。我尝试使用推拉，但我希望列在彼此之上，而不是内联，就像在md设备上一样。我不知道怎么做，有什么帮助吗？ :)

Answer 1

使用带引导程序的订单类，您可以相应地更改列的顺序。

此示例将第二列放在XS和SM屏幕上。

csplit -s infile %^A% /^C/ %^C% /^D/ /^Z/ {*}

修改

对于bootstrap 3（3.3.7），您需要使用push＆amp; amp;拉班。在您的情况下，您必须使徽标成为第二列。移动计算作为引导程序开发的起点。

<!--bootstrap 4-->
<div class="row">
      <div class="col-md-4 order-2 order-md-1">first</div>
      <div class="col-md-4 order-1 order-md-2">second</div>
      <div class="col-md-4 order-3 order-md-3">third</div>
    </div>