使用引導程式分離無線電元素:逐步指南
P粉222320176
P粉222320176 2024-04-03 09:41:55
0
1
519

我嘗試了一千種方法,但我無法獲得該方法的樣式或空間。我需要使用引導程式。

我需要它看起來像這樣


但我的是

我的程式碼是:

<!-- Cuarta fila  -->
<div class="col-6">
   <label for="creditc" class="form-label fw-bold">We accept:</label>
   <div>
      <input class="form-check-input" type="radio" name="tarjeta1" id="tarjeta1">
      <i class="fa-brands fa-cc-visa"></i>
      <input class="form-check-input" type="radio" name="tarjeta1" id="tarjeta1">
      <i class="fa-brands fa-cc-mastercard"></i>
      <input class="form-check-input" type="radio" name="tarjeta1" id="tarjeta1">
      <i class="fa-brands fa-cc-apple-pay"></i>
      <input class="form-check-input" type="radio" name="tarjeta1" id="tarjeta1">
      <i class="fa-brands fa-cc-amazon-pay"></i>
   </div>
</div>
<div class="col-6">
   <label for="city" class="form-label fw-bold">Message</label>
   <textarea class="form-control" style="overflow:auto;resize:none"></textarea>
   <small id="passwordHelpBlock" class="form-text text-muted">Add any notes here.</small>
</div>

我知道我現在沒有應用任何樣式程式碼或任何東西,但我嘗試過裝訂線、間距、顏色(bs-secondary)但沒有任何效果。

P粉222320176
P粉222320176

全部回覆(1)
P粉563446579

我創建了一個完整的程式碼作為範例,實際上有很多種製作方法;我為我選擇了最短且最快的

.contain-brand{
  width: fit-content;
  background-color: #6d757c;
}

.fa-brands{color:#FFF;}

/*edit standard css bootstrap*/
.form-check-input{margin-top: 0!important;}







Add any notes here.
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板