Comment supprimer le rembourrage dans Bootstrap 3

Le problème à portée Bootstrap 3. Le code HTML fourni contient deux colonnes imbriquées, mais le résultat comprend un espacement supplémentaire sur les côtés du Colonnes.

sortie souhaitée

Le but est d'éliminer l'espace supplémentaire et de faire positionner les colonnes les unes à côté.

Le problème découle de l'utilisation .col-md-12 comme conteneur parent pour les colonnes. .Col-MD-12 est essentiellement une colonne, pas une ligne, et hérite donc de ses propres marges et rembourrage. Pour résoudre ce problème, il est essentiel d'envelopper les colonnes dans une classe .Row, comme on le voit ci-dessous:

    

        
 
  Options supplémentaires  
 
 Si le résultat souhaité est d'éliminer toutes les marges et le padding, ajoutez une classe pour écraser ces styles pour les colonnes enfants: 
 
.nopadding {
padding: 0 !important;
margin: 0 !important;
}