Как убрать баг в bootstrap, когда между колонками образуется пустое место, равное ширине колонки?
Ну это же обычное поведение float:left для разной высоты элементов. Для мобильного может помочь следующий код @media (max-width: 767px) {
  .col-xs-6:nth-child(2n+1) {
      clear: left;
  }
}
колонки одной ширины должны быть, или указывать разый co-md