J'essaie de vous débarrasser de la bordure gris mince de la vignette par défaut dans Twitter Bootstrap.
Je peux cibler les bordures, par exemple si j'utilise: Toutes les bordures miniatures changent en rouge. mais si j'utilise: Il laisse toujours les bordures avec une fine ligne grise. Je ne peux pas me débarrasser de ça. J'ai essayé de changer la couleur en blanc (mon arrière-plan est blanc, il pourrait donc être une solution) mais cela ne fonctionne pas. Comment puis-je me débarrasser de cette mince bordure grise?
7 Réponses :
Les bordures miniatures sont appliquées sur l'élément Pour que vous puissiez essayer: p> .THumbnail code>, à l'intérieur du Shadow code> appliqué à cette classe. .thumbnail {
border: 0 none;
box-shadow: none;
}
Dans ma version de bootstrap, c'était ceci: définissez à la fois à 0, et cela a fonctionné: p> img.wp-post-image {
border-radius: 0;
box-shadow: 0;
}
J'ai couru dans ce même problème, mais que ni la configuration de la frontière ou la boîte à ombre à 0 travaillaient pour moi. J'ai finalement pu enlever la frontière en fixant l'arrière-plan de la classe miniature en transparent.
comme ceci:
Si la méthode conseillée par @Alberteditevigo ne fonctionne pas, alors La classe .IMG-Responsive Applique l'affichage : bloquer; et max-largeur: 100%; et hauteur: auto; à l'image. CSS acclamations!
Vous ne pouvez utiliser que le débarras! Holaa
p>
.img-responsive {
width:100%;
border:none;
} ne panique pas :)
in bootstrap 3.3.6 Il se trouve dans le fichier BOOTSTRAP.CSS
.thumbnail{
display: block;
padding: 4px;
margin-bottom: 20px;
line-height: 1.42857143;
background-color: #74003;
**border: 1px solid #ddd;**
border-radius: 4px;
-webkit-transition: border .2s ease-in-out;
-o-transition: border .2s ease-in-out;
transition: border .2s ease-in-out;
}