J'essaie d'utiliser Bootstrap pour créer des colonnes et des lignes pour placer mes images, mais trop de rembourrage sont ajoutées autour des images qui empêchent mes images de ressembler à la conception:
C'est comme ça que j'ai structuré mon HTML: mais cela résulte de ce: Ma question. Ai-je écrit les éléments de bootstrap correctement? Comment devrais-je aller sur le rembourrage au cas où les éléments de bootstrap sont écrits correctement afin que je puisse correspondre aux exigences de la conception? Merci beaucoup pour votre temps! 
3 Réponses :
ajoutez la classe Voir la bootstrap Documentation sur Gouttières. < pré> xxx ici un travail de travail jsfiddle qui supprime également le " non-gouttières à chaque div mas = "ligne" pour supprimer les espaces entre le Col - * éléments
Grand conseil, mais je suis toujours laissé avec un peu de rembourrage créé par le col contenant les images: imgur.com/a/ HZYL55A
Êtes-vous sûr que c'est un véritable rembourrage ou pourrait-il être possible que les images soient trop petites pour le conteneur? Peut-être essayez peut-être de chaque image A largeur = "100%" pour éliminer le remplissage visuel.
J'ai ajouté No-Gutters à Col-MD-5 et la rangée sous Col-MD-7 et toutes les images montrent parfaitement: imgur.com/a/ekcoepb
Ahh cool. Oui voulu ajouter cette classe à chaque . Mettra à jour cela dans la réponse.
bootstrap: "Les gouttières entre colonnes de nos classes de grille prédéfinies peuvent être supprimées avec des gouttières. Cela supprime les marges négatives de .row et le rembourrage horizontal de toutes les colonnes d'enfants immédiates."
Vous devriez essayer de faire:
Ajouter ci-dessous classe J'espère que cela fonctionne pour vous.
.margin0-padding0 {
margin-left: 0px !important;
margin-right: 0px !important;
padding: 0px !important;
}
Pourriez-vous s'il vous plaît nous fournir un snipète de travail avec CSS