recherche

Maison  >  Questions et réponses  >  le corps du texte

Séparer les éléments radio à l'aide de Bootstrap : un guide étape par étape

J'ai essayé mille façons mais je n'arrive pas à trouver le style ou l'espace pour cela. Je dois utiliser bootstrap.

J'ai besoin que ça ressemble à ça


mais le mien est

Mon code est :

<!-- 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>

Je sais que je n'applique aucun code de style ou quoi que ce soit pour le moment, mais j'ai essayé la gouttière, l'espacement, la couleur (bs-secondaire) et rien ne fonctionne.

P粉222320176P粉222320176230 Il y a quelques jours527

répondre à tous(1)je répondrai

  • P粉563446579

    P粉5634465792024-04-04 09:15:42

    J'ai créé un code complet à titre d'exemple, il existe en fait plusieurs façons de le réaliser ; j'ai choisi le plus court et le plus rapide pour moi

    .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.

    répondre
    0
  • Annulerrépondre