我想讓一個串列組專案有一個鏈接和一個洗掉專案的按鈕。如何使用 Bootstrap 5 做到這一點？這是我嘗試過的，但它不起作用。
<div class="list-group">
<a href="/link1" class="list-group-item list-group-item-action" aria-current="true">
Link1
<span class="float-end">
<a href="/trash1" class="btn btn-default trash">
<span class="bi bi-trash" aria-hidden="true"></span>
</a>
</span>
</a>
</div>
uj5u.com熱心網友回復：
您的按鈕將不起作用，因為您的代碼具有嵌套的錨標記
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<ul class="list-group">
<li class="list-group-item d-flex justify-content-between align-items-center">
<a class="text-decoration-none" href="/link1">Link 1</a>
<a href="/trash1" class="btn btn-sm btn-danger">x</a>
</li>
<li class="list-group-item d-flex justify-content-between align-items-center">
<a class="text-decoration-none" href="/link2">Link 2</a>
<a href="/trash2" class="btn btn-sm btn-danger">x</a>
</li>
<li class="list-group-item d-flex justify-content-between align-items-center">
<a class="text-decoration-none" href="/link3">Link 3</a>
<a href="/trash3" class="btn btn-sm btn-danger">x</a>
</li>
</ul>轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/429607.html