Question

我开始使用Bootstrap创建博客系统布局，但是主类中的列存在一个错误，我试图解决它，但是我不能，我尝试了许多网格代码。这是带有错误的屏幕截图：https://imgur.com/a/rjPj2V4 我希望第二个左栏在第一个栏的下方对齐，但是不能，并且可以在右栏放置任何内容，如果尝试的话，它会放在页面底部。我使用了以下Bootstrap来源：https://getbootstrap.com/docs/4.0/layout/grid/ 给我一些有关此错误的想法或解决方案

Answer 1

这是我的代码：

<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>

引导栏错误

1 个答案: