公式サイトのサンプルでテストします。
1 2 3 4 5 6 7 8 9 10 | <a href="/test.html"> <div class="card" style="width: 18rem;"> <svg class="bd-placeholder-img card-img-top" width="100%" height="180" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Image cap"><title>Placeholder</title><rect fill="#868e96" width="100%" height="100%"/><text fill="#dee2e6" dy=".3em" x="50%" y="50%">Image cap</text></svg> <div class="card-body"> <h5 class="cart-title">Cart Title</h5> <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p> <a href="#" class="btn btn-primary">Go somewhere</a> </div> </div> </a> |
普通にaタグで囲うだけでOKです。
