Bootstrap 4 如何使用第一个引导程序进行第三行对接

我有以下引导布局：

<div class = "col-sm-3" id = "teste1">
</ div>

<div class = "col-sm-12" id = "teste2">
</ div>

<div class = "col-sm-9" id = "teste3">
</ div>

这样您将创建3条线。我想知道这是否可能 让id为“teste2”的列为其创建新行，id为“teste3”的列完成id为“teste1”的第一列。但是，我需要按该列顺序，不更改为此表单，如下所示：

<div class = "col-sm-3" id = "teste1">
</ div>
<div class = "col-sm-9" id = "teste3">
</ div>
<div class = "col-sm-12" id = "teste2">
</ div>

---

通过使用，您可以在不同的屏幕大小上实现内容的重新排序。以您的示例为例，如下所示：

<div class="row">
<div class = "col-sm-3 order-sm-1" id = "teste1">
  Teste 1
</div>
  <div class = "col-sm-12 order-sm-3" id = "teste2">
    Teste 2
  </div>

  <div class = "col-sm-9 order-sm-2" id = "teste3">
    Teste 3
  </div>
</div>

睾丸1
睾丸2
睾丸3