suivi de l'exemple ici avec le code suivant:
<div class="card" style="width:400px">
<img class="card-img-top" src="image.png" alt="Card image">
<div class="card-body">
<h4 class="card-title">John Doe</h4>
<p class="card-text">Some example text.</p>
<a href="#" class="btn btn-primary">See Profile</a>
</div>
</div>
3 Réponses :
L'exemple que vous avez suivi a également une bordure blanche puisque cela est fait par Bootstrap. Vous n'appliquez pas d'autres CSS, mais c'est exactement ce que vous devriez faire pour vous débarrasser de la frontière.
Par exemple: Appliquer bordure: 0PX Solide transparent; à l'objet avec la carte classe.
Pourquoi ne montre-t-il pas dans l'exemple du lien en haut? Je suis curieux parce que je pense que c'est une erreur. La vérité est qu'il n'y avait pas de bordure blanche sur mon site et il est apparu hors de nulle part et je ne sais pas pourquoi.
Il fait apparaît dans l'exemple. Vous ne pouvez tout simplement pas le voir parce que le fond est aussi blanc.
Pour supprimer cette bordure, Ajoutez simplement la classe voir
Solution la plus simple.
@ user8897013 heureux d'avoir pu aider .Card a une bordure par défaut sur: bordure: 1px solide rgba (0,0,0 ,125); bord-0 à votre comme:
2 commentaires
écrire .Card: bordure: aucun; BESCuase .Card a une classe de bordure grise par défaut.