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

1 vote259 views2 answers
Vuetify truncate text
Html
-1 vote263 views2 answers
Html inline label
Html
0 vote245 views1 answer
Command checked datagrid wpf
Html
0 vote245 views1 answer
Ps -aux | grep pid | kill
Html
57 votes277 views5 answers
Link to external site html
Html
1 vote289 views1 answer
How to separate sentences in html
Html
0 vote247 views2 answers
Auto reload
Html
0 vote209 views1 answer
Li text html
Html
0 vote256 views1 answer
Fa fa draft
Html
3 votes252 views2 answers
Row span and column span in html example
Html