How to place a link in a card?

Question

Bootstrap

Whole card

<div class="card">
    <img class="card-img-top" src="..." alt="Card image cap">
    <div class="card-body">
      <h5 class="card-title">Card title</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>

should be a link that opens the page. How and where to place the link code correctly? So that this card does not change its appearance.

Answer 1

In the current specification, it is allowed to insert block-level elements inside links . You can put .card inside "a". You can put an independent link inside the block and position it relative to .card.