我如何将三个元素与bootstrap 4对齐？

Question

在升级到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>

在Bootstrap 3中，bloc 1的内容比bloc 2和3更重要，它看起来像：

但是使用Bootstrap 4它看起来像这样：

如何在Bootstrap 4中完成这项工作。我找不到Bootstrap 4 docs的解决方案（或者我是盲目的）。 请不要用CSS回答我（这不仅仅是一个例子）：

#bloc2{
    display: block;
}

或类似的东西，这是一个例子，我在另一个页面中有不同的bloc类似的情况。

由于

Answer 1

要对齐每个row的3个元素，从不超过12列。 请试试这个：

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet"/>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"></script>

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

Answer 2

所以@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>