bootstrap4 鏈接多種顏色列表

<div class="list-group"> <a href="#" class="list-group-item list-group-item-action">

激活列表項</a> <a href="#" class="list-group-item list-group-item-success">

成功列表項</a> <a href="#" class="list-group-item list-group-item-secondary">

次要列表項</a> <a href="#" class="list-group-item list-group-item-info">

信息列表項</a> <a href="#" class="list-group-item list-group-item-warning">

警告列表項</a> <a href="#" class="list-group-item list-group-item-danger">

危險列表項</a> <a href="#" class="list-group-item list-group-item-primary">

主要列表項</a> <a href="#" class="list-group-item list-group-item-dark">

深灰色列表項</a> <a href="#" class="list-group-item list-group-item-light">

淺色列表項</a></div>

可以點擊彈出