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

10 votes212 views1 answer
Input type="file" and display image
Html
0 vote289 views1 answer
Make an drodown menu
Html
7 votes174 views2 answers
Share to twitter html link
Html
0 vote202 views1 answer
Can i use the input tag without the form tag
Html
0 vote215 views1 answer
How to deserialize if response is html
Html
-1 vote205 views2 answers
Email pattern in html input angular
Html
68 votes248 views4 answers
Text align middle
Html
0 vote248 views1 answer
Javascri
Html
0 vote298 views1 answer
Html front page
Html
57 votes258 views5 answers
Link to external site html
Html