正如您在此螢屏截圖中所見，添加按鈕后，文本將垂直未對齊（略高）。我怎樣才能避免這種情況？（引導程式 5）
這是代碼：
<div class="container-fluid">
<div class="row">
<h2 class="border-bottom border-dark pt-4">Roles</h2>
</div>
<div class="card">
<div class="card-header">
<b>Roles</b>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item d-flex justify-content-between">Admins
<button class="btn btn-sm btn-outline-secondary" type="button">View</button>
</li>
<li class="list-group-item d-flex justify-content-between">Custom
<button class="btn btn-sm btn-outline-secondary" type="button">Edit</button>
</li>
</ul>
</div>
</div>
uj5u.com熱心網友回復：
align-items-center為每個添加類li
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container-fluid">
<div class="row">
<h2 class="border-bottom border-dark pt-4">Roles</h2>
</div>
<div class="card">
<div class="card-header">
<b>Roles</b>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item d-flex justify-content-between align-items-center">Admins
<button class="btn btn-sm btn-outline-secondary" type="button">View</button>
</li>
<li class="list-group-item d-flex justify-content-between align-items-center">Custom
<button class="btn btn-sm btn-outline-secondary" type="button">Edit</button>
</li>
</ul>
</div>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/314719.html