Bootstrap 4 引导列错误

我开始用Bootstrap创建博客系统布局，但是我在主类中的列有一个bug，我试图解决它，但是我不能，我尝试了很多网格代码。以下是错误的屏幕截图： 我希望第二个左栏在第一个下对齐，但它不能，并且可以在右栏中放置任何内容，如果我尝试，它会放在页面底部。我使用了这个引导源： 给我一些关于这个错误的想法或解决方案

这是我的代码：

<div class="row" backgroud="#D3D3D3">
   <div class="col-md-8">
     <div class="card md-4">
      <img class="card-img-top" src="http://placehold.it/750x300" alt="Card image cap">
      <div class="card-body">
        <h2 class="card-title">
          Черен сняг
        </h2>
        <p class="card-text">
          "Кълбото на планетата плуваше в чернотата под „Пурпурно сияние“. Изглеждаше някак унило и сиво, като мърлява снежна топка. Висеше си там самотно и сякаш се чудеше дали да приеме малката совалка, или да я изгори в атмосферата си. В космическия кораб фигурки в скафандри се суетяха около сребристата машина за изследователски и подсветлинни полети, включваха и изключваха кабели, товареха контейнери.На мостика на кораба-майка навигатор Тар показваше на капитана и старшите офицери триизмерна холограма.
          – След хиперскока минахме покрай Х-4А, която, знаете, е забранена за изследвания и кацане, после влязохме в ниска "
        </p>
        <a href="#" class="btn btn-primary">Прочети повече  ></a>
      </div>
      <br>
      <div class="card-footer text-muted">
        "Публикувано на 01.01.2018 от"
        <a href="#">Admin</a>
      </div>
   </div>

    </div>

  </div>

</div>
</div>
    <div class="container" style="margin-top:50px" >

  <div class="row" backgroud="#D3D3D3">
   <div class="col-md-8">
     <div class="card md-4">
      <img class="card-img-top" src="http://placehold.it/750x300" alt="Card image cap">
      <div class="card-body">
        <h2 class="card-title">
          Окото на бога 2
        </h2>
        <p class="card-text">
          "Окото на бога 2-  Помощ от ЕКА
          Джон се взира известно време в монитора, после изкрещя и бутна кафето си върху клавиатурата. Докато се опитваше да попие петната с носната си кърпа и проклинаше несръчността си, при него дотича шефът на екипа.
          – Ревеш като магаре, Джон, топките ли си свари с кафето?
          – Мамка му, не е това, виж само какво имаме тук – каза Джон развълнувано, сочейки екрана.  Ендрю Джаксън се наведе към "
        </p>
        <a href="#" class="btn btn-primary">Прочети повече  ></a>
      </div>
      <br>
      <div class="card-footer text-muted">
        "Публикувано на 01.01.2018 от"
        <a href="#">Admin</a>
      </div>
   </div>

    </div>

  </div>

</div>

Черен сняг

"Кълбото на планетата плуваше в чернотата под „Пурпурно сияние“. Изглеждаше някак унило и сиво, като мърлява снежна топка. Висеше си там самотно и сякаш се чудеше дали да приеме малката совалка, или да я изгори в атмосферата си. В космическия кораб фигурки в скафандри се суетяха около сребристата машина за изследователски и подсветлинни полети, включваха и изключваха кабели, товареха контейнери.На мостика на кораба-майка навигатор Тар показваше на капитана и старшите офицери триизмерна холограма.
– След хиперскока минахме покрай Х-4А, която, знаете, е забранена за изследвания и кацане, после влязохме в ниска "



"Публикувано на 01.01.2018 от"
Окото на бога 2

"Окото на бога 2-  Помощ от ЕКА
Джон се взира известно време в монитора, после изкрещя и бутна кафето си върху клавиатурата. Докато се опитваше да попие петната с носната си кърпа и проклинаше несръчността си, при него дотича шефът на екипа.
– Ревеш като магаре, Джон, топките ли си свари с кафето?
– Мамка му, не е това, виж само какво имаме тук – каза Джон развълнувано, сочейки екрана.  Ендрю Джаксън се наведе към "



"Публикувано на 01.01.2018 от"

您的代码在哪里？编辑您的问题并将其添加到那里