Trennen von Funkelementen mithilfe von Bootstrap: Eine Schritt-für-Schritt-Anleitung
P粉222320176
P粉222320176 2024-04-03 09:41:55
0
1
518

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


aber meiner ist es

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.

P粉222320176
P粉222320176

Antworte allen(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.
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage