如何在 select2 旁邊制作按鈕位置?,在我的情況下,我希望在同一行和 select2 旁邊的右側有一個“測驗”按鈕,我嘗試了以下操作:
<div class="card-body">
<div class="row">
<div class="col-lg-3">
<label for="hsm_new_ticket">New ticket</label>
<select class="form-select select2-single" id="hsm_new_ticket"></select>
</div>
<div class="col-lg-1">
<button class="btn btn-block btn-secondary btn-sm"
id="btnTest_hsm_new_ticket" type="button"
onclick="alert('I m here')">
Test
</button>
</div>
</div>
</div>

uj5u.com熱心網友回復:
<div class="card-body">
<div class="row">
<div class="col-lg-3" style="display:flex; justify-content:center; align-items: flex-end;">
<div class="col-lg-11">
<label for="hsm_new_ticket">New ticket</label>
<select class="form-select select2-single" id="hsm_new_ticket"></select>
</div>
</div>
<div class="col-lg-1" style="display:flex; justify-content:center; align-items: flex-end;">
<label for="hsm_new_ticket"></label>
<button class="btn btn-block btn-secondary btn-sm" id="btnTest_hsm_new_ticket" type="button" onclick="alert('I m here')">
Test
</button>
</div>
</div>
</div>
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/473121.html
上一篇:將圖示與一行中的文本對齊
