Html 移动视图上的Bootstrap 3 div订单更改

我正在使用引导3，我放置了2个div:
1. <代码>1
2. <代码>2

看起来是这样的：

现在，如果我将分辨率更改为移动或平板电脑视图，它看起来是这样的：

问题就从这里开始。我想要移动设备中div的顺序，顶部是

div[2]

，底部是

div[1]

PS：我正在使用

方向：rtl

---

当在引导中使用rigth to left方向时，您需要为对齐创建自定义引导css，在这里您应该为类

float:right

而不是left创建样式

这可能是一项艰巨的任务，取决于您的css知识

---

您也可以查看此库，这可能会有所帮助

在引导中使用rigth to left direction时，您需要为对齐创建自定义引导css，在这里您应该为类创建样式

float:right

，而不是left

这可能是一项艰巨的任务，取决于您的css知识

---

您也可以查看此库，这可能会有所帮助

设计响应性网站时，请始终先设计移动版。这意味着您的HTML代码表示移动设备上的布局

因此，默认情况下，保持div[2]在第一位，div[1]在第二位。然后改变他们在大屏幕上的行为

因此，您可以按如下方式修改代码：-

<div class="col-xs-12 col-md-8 col-md-push-4">2</div>
<div class="col-xs-12 col-md-4 col-md-pull-8">1</div>

2
1.

在移动设备上，两个div的宽度相等，div[2]将出现在div[1]之前（请参阅图表）。但是在桌面和上面，div[2]将被推到右边，div[1]将被拉到左边，从而得到所需的顺序

---

希望这有帮助！：-）

设计响应性网站时，请始终先设计移动版。这意味着您的HTML代码表示移动设备上的布局

因此，默认情况下，保持div[2]在第一位，div[1]在第二位。然后改变他们在大屏幕上的行为

因此，您可以按如下方式修改代码：-

<div class="col-xs-12 col-md-8 col-md-push-4">2</div>
<div class="col-xs-12 col-md-4 col-md-pull-8">1</div>

2
1.

在移动设备上，两个div的宽度相等，div[2]将出现在div[1]之前（请参阅图表）。但是在桌面和上面，div[2]将被推到右边，div[1]将被拉到左边，从而得到所需的顺序

---

希望这有帮助！：-）

您的html代码中有dir=“rtl”吗？这可能会导致您出现问题？是的，我正在使用

方向：rtl

。您的html代码中有dir=“rtl”吗？这可能是导致问题的原因？是的，我正在使用

方向：rtl

。