cómo eliminar el relleno en bootstrap 3

el problema implica eliminar el relleno derecho e izquierdo de columnas col-md-* Bootstrap 3. El código HTML proporcionado contiene dos columnas anidadas, pero el resultado incluye espaciado adicional en los lados del columnas.

salida deseada

es eliminar el espacio adicional y tener las columnas colocadas uno al lado del otro.

El problema surge de usar .col-md-12 como el contenedor principal para las columnas. .Col-MD-12 es esencialmente una columna, no una fila, y así hereda sus propios márgenes y relleno. Para solucionar esto, es esencial envolver las columnas dentro de una clase .row, como se ve a continuación:

    

        
 
  Opciones adicionales  
 
 Si el resultado deseado es eliminar todos los márgenes y el relleno, agregue una clase para sobrescribir estos estilos para las columnas infantiles: 
 
.nopadding {
padding: 0 !important;
margin: 0 !important;
}