我一直在尋找一種方法讓我的無效工具提示向右移動一點以匹配我的輸入位置,但到目前為止我沒有任何運氣。這是圖片:

這是代碼:
<div class="form-group row">
<label for = "contact" class="col-2 col-form-label">Contact:</label>
<div class="col-4" id="contactContainer">
<div class="flex phone"style="margin-bottom:10px;">
<input style="margin-right: 10px; width: 200px;" id="validationcontact" name="contact" type="text" class="form-control" pattern="\b\d{8}\b" required >
<input type="button" class="ar add" value="Add More Field" style="cursor: pointer;">
<!-- <span ><label style="cursor: pointer; padding-top: 5px;"><i data-feather="plus" ></i></label></span> -->
<span class="ar remove"><label style="cursor: pointer; padding-top: 5px;"><i style="width: 20px; height: 20px; color: lightseagreen;"data-feather="x"></i></label></span>
<div class="invalid-tooltip">
Enter a correct Contact!
</div>
</div>
</div>
================================================== ====================== 有誰知道無效的工具提示是如何移動的?我試圖這樣做padding-left,padding-right但似乎是增加了按鈕?
uj5u.com熱心網友回復:
你應該嘗試margin-left和left顛簸有點,而不是填充。
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/389407.html
標籤:html css bootstrap-5
