Bootstrap 4 смена количества карт в ряду - PullRequest
0 голосов
/ 09 ноября 2019

Я хотел бы знать, как определить количество карточек в ряду. Я хочу иметь 2 карты подряд в среднем размере экрана, но в каждом изменении у меня все еще 4.

Это полная загрузка.

<div class="container-fluid">
<div class="card-deck">
<div class="card col-md-6">
  <img class="card-img-top" src="img/historia_kľačno.jpg" alt="História Kľačna">
  <div class="card-body">
    <h5 class="card-title">História Kľačna</h5>
    <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
    <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
  </div>
</div>
<div class="card col-md-6">
  <img class="card-img-top" src="img//zelena_ruža.jpg" alt="">
  <div class="card-body">
    <h5 class="card-title">Card title</h5>
    <p class="card-text">This card has supporting text below as a natural lead-in to additional content.</p>
    <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
  </div>
</div>
<div class="card col-md-6">
  <img class="card-img-top" src="img/hlineny_dom.jpg" alt="Hlinený dom">
  <div class="card-body">
    <h5 class="card-title">Card title</h5>
    <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.</p>
    <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
  </div>
</div>
<div class="card col-md-6">
    <img class="card-img-top" src="img/rusko.jpg" alt="Potravinová nezávislosť">
    <div class="card-body">
      <h5 class="card-title">Card title</h5>
      <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.</p>
      <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
    </div>
  </div>

1 Ответ

0 голосов
/ 09 ноября 2019

Вы должны добавить до вашего col-md-6

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...