bootstrap 4 5 product grid

Solutions on MaxInterview for bootstrap 4 5 product grid by the best coders in the world

showing results for - "bootstrap 4 5 product grid"
Hannes
21 Jan 2018
1<div class="row row-cols-1 row-cols-md-3">
2  <div class="col mb-4">
3    <div class="card h-100">
4      <img src="..." class="card-img-top" alt="...">
5      <div class="card-body">
6        <h5 class="card-title">Card title</h5>
7        <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>
8      </div>
9    </div>
10  </div>
11  <div class="col mb-4">
12    <div class="card h-100">
13      <img src="..." class="card-img-top" alt="...">
14      <div class="card-body">
15        <h5 class="card-title">Card title</h5>
16        <p class="card-text">This is a short card.</p>
17      </div>
18    </div>
19  </div>
20  <div class="col mb-4">
21    <div class="card h-100">
22      <img src="..." class="card-img-top" alt="...">
23      <div class="card-body">
24        <h5 class="card-title">Card title</h5>
25        <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content.</p>
26      </div>
27    </div>
28  </div>
29  <div class="col mb-4">
30    <div class="card h-100">
31      <img src="..." class="card-img-top" alt="...">
32      <div class="card-body">
33        <h5 class="card-title">Card title</h5>
34        <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>
35      </div>
36    </div>
37  </div>
38</div>