完整的卡片

我是标题
PlaceholderImage cap
卡片标题

展望未来,我们将一如既往注重产品的用户体验和实用价值,为日新月异的互联网发展而不懈努力!

<div class="card"> <div class="card-header"><h5>我是标题</h5><div class="card-header-more"><a href="">更多</a></div></div> <div class="card-image"><svg width="100%" height="150" xmlns="http://www.w3.org/2000/svg" preserveaspectratio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Image cap"><title>Placeholder</title><rect width="100%" height="100%" fill="#868e96"></rect><text x="50%" y="50%" fill="#dee2e6" dy=".3em">Image cap</text></svg></div> <div class="card-body"> <h5 class="card-title">卡片标题</h5> <p class="card-text">展望未来,我们将一如既往注重产品的用户体验和实用价值,为日新月异的互联网发展而不懈努力!</p> </div> <div class="card-footer"> <a href="">编辑</a> <a href="">删除</a> </div> </div>
PlaceholderImage cap
卡片标题

展望未来,我们将一如既往注重产品的用户体验和实用价值,为日新月异的互联网发展而不懈努力!

PlaceholderImage cap
卡片标题

展望未来,我们将一如既往注重产品的用户体验和实用价值,为日新月异的互联网发展而不懈努力!

PlaceholderImage cap
卡片标题

展望未来,我们将一如既往注重产品的用户体验和实用价值,为日新月异的互联网发展而不懈努力!

PlaceholderImage cap
卡片标题

展望未来,我们将一如既往注重产品的用户体验和实用价值,为日新月异的互联网发展而不懈努力!

<div class="row"> <div class="col-3"> <div class="card"> <div class="card-image"><svg width="100%" height="150" xmlns="http://www.w3.org/2000/svg" preserveaspectratio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Image cap"><title>Placeholder</title><rect width="100%" height="100%" fill="#868e96"></rect><text x="50%" y="50%" fill="#dee2e6" dy=".3em">Image cap</text></svg></div> <div class="card-body"> <h5 class="card-title">卡片标题</h5> <p class="card-text">展望未来,我们将一如既往注重产品的用户体验和实用价值,为日新月异的互联网发展而不懈努力!</p> </div> <div class="card-footer"> <a href="">编辑</a> <a href="">删除</a> </div> </div> </div> <div class="col-3"> <div class="card"> <div class="card-image"><svg width="100%" height="150" xmlns="http://www.w3.org/2000/svg" preserveaspectratio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Image cap"><title>Placeholder</title><rect width="100%" height="100%" fill="#868e96"></rect><text x="50%" y="50%" fill="#dee2e6" dy=".3em">Image cap</text></svg></div> <div class="card-body"> <h5 class="card-title">卡片标题</h5> <p class="card-text">展望未来,我们将一如既往注重产品的用户体验和实用价值,为日新月异的互联网发展而不懈努力!</p> </div> <div class="card-footer"> <a href="">编辑</a> <a href="">删除</a> </div> </div> </div> <div class="col-3"> <div class="card"> <div class="card-image"><svg width="100%" height="150" xmlns="http://www.w3.org/2000/svg" preserveaspectratio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Image cap"><title>Placeholder</title><rect width="100%" height="100%" fill="#868e96"></rect><text x="50%" y="50%" fill="#dee2e6" dy=".3em">Image cap</text></svg></div> <div class="card-body"> <h5 class="card-title">卡片标题</h5> <p class="card-text">展望未来,我们将一如既往注重产品的用户体验和实用价值,为日新月异的互联网发展而不懈努力!</p> </div> <div class="card-footer"> <a href="">编辑</a> <a href="">删除</a> </div> </div> </div> <div class="col-3"> <div class="card"> <div class="card-image"><svg width="100%" height="150" xmlns="http://www.w3.org/2000/svg" preserveaspectratio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Image cap"><title>Placeholder</title><rect width="100%" height="100%" fill="#868e96"></rect><text x="50%" y="50%" fill="#dee2e6" dy=".3em">Image cap</text></svg></div> <div class="card-body"> <h5 class="card-title">卡片标题</h5> <p class="card-text">展望未来,我们将一如既往注重产品的用户体验和实用价值,为日新月异的互联网发展而不懈努力!</p> </div> <div class="card-footer"> <a href="">编辑</a> <a href="">删除</a> </div> </div> </div> </div>