Cards froup

<div class="card-group">
  <div class="card">
    <img src="..." class="card-img-top" alt="...">
    <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 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">
    <img src="..." class="card-img-top" 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">
    <img src="..." class="card-img-top" alt="...">
    <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>

Source: getbootstrap.com

Similar codes

0 vote222 views1 answer
Coreui primary color
Html
4 votes212 views3 answers
Favicon.ico 404
Html
0 vote214 views1 answer
Html table line between rows
Html
5 votes184 views1 answer
Html integer input
Html
1 vote224 views2 answers
Show spinner during API request pure html and jquery
Html
1 vote191 views2 answers
Html text border
Html
0 vote225 views1 answer
Asp.net mvc go to page
Html
4 votes225 views2 answers
How to call a function as soon as a page loads javascript
Html
11 votes177 views1 answer
Jquery select th by class
Html
1 vote227 views1 answer
Nuxt route id nuxt link
Html