como remover o preenchimento no bootstrap 3

A questão em mãos envolve a remoção do preenchimento direito e esquerdo das colunas colunas colunas em* Bootstrap 3. O código HTML fornecido contém duas colunas aninhadas, mas o resultado inclui espaçamento adicional nas laterais do Columns.

O problema surge de usar .col-md-12 como o contêiner pai para as colunas. .Col-MD-12 é essencialmente uma coluna, não uma linha e, assim, herda suas próprias margens e preenchimento. Para corrigir isso, é essencial envolver as colunas dentro de uma classe .row, como visto abaixo: