Css 如何将三个元素与引导4对齐？

在升级到bootstrap 4之前，我做了以下工作：

<div class="container">
     <div class="row">
          <div class="col-md-6">
              My bloc 1
          </div>
          <div class="col-md-6">
              My bloc 2
          </div>
          <div class="col-md-6">
              My bloc 3
          </div>
     </div>
</div>

或者类似的，这是一个例子，我在另一个页面中有类似的例子

---

感谢将这3个元素对齐，您永远不会超过每行的12列。 请试试这个：

我的街区1 我的街区2 我的街区3

---

所以@FoxCy帮我解决这个问题

答案是：

<div class="container">
      <div class="row">
          <div class="col-md-6">
               My bloc 1
          </div>
          <div class="col-md-6">
              <div class="row">My bloc 2</div>
              <div class="row">My bloc 3</div>
          </div>
     </div>
</div>

---

你忘了在一个集合了3行的类容器中使用它。@FoxCy我这样做了，只是在这里简化了我的代码，将在三列中编辑它的结果，但我想要的结果与我第一张使用bootstrap 3的图片相同。我应该不使用Bootstrap吗？很抱歉，我看不到你使用Bootstrap 3的照片。我的办公室有一个代理。你在另一个网站上有一个例子吗？像这样，但是bloc 1和bloc 2是我的bloc 2，bloc 3和bloc 4是我的bloc 3，image是我的bloc 1：图像是你的block 1？是的图像是我的bloc 1

<div class="container">
      <div class="row">
          <div class="col-md-6">
               My bloc 1
          </div>
          <div class="col-md-6">
              <div class="row">My bloc 2</div>
              <div class="row">My bloc 3</div>
          </div>
     </div>
</div>