Ich habe tausend Möglichkeiten ausprobiert, aber ich finde weder den Stil noch den Platz dafür. Ich muss Bootstrap verwenden.
Ich möchte, dass es so aussieht
Mein Code ist:
<!-- 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>
Ich weiß, dass ich im Moment keinen Stilcode oder ähnliches anwende, aber ich habe Bundsteg, Abstand, Farbe (bs-sekundär) ausprobiert und nichts funktioniert.
我创建了一个完整的代码作为示例，实际上有很多种制作方法；我为我选择了最短且最快的
.contain-brand{ width: fit-content; background-color: #6d757c; } .fa-brands{color:#FFF;} /*edit standard css bootstrap*/ .form-check-input{margin-top: 0!important;}