html - Bootstrap reduce spacing between columns

Question

Having an issue reducing the amount of spacing between buttons in the same row. These buttons are wrapped in columns JSFiddle

Is there an easy way to do this? I imagine using negative margins or padding is not necessarily desirable.

Answer 1

The problem seems to be with the padding not the margin. This piece of css removes the white space between the columns

   .form-group .col-xs-6{
      padding: 0px;
    }