Почему появляется промежуток между div?

Верстаю в Bootstrap, не вносил изменения в файлы.
Структура следующая:

<div>
  <div>
     <button></button>
     <button></button>
  </div>
</div>

Главный div находиться в столбце bootstrap, его ширина 100%, у div с кнопками тоже 100%.
У кнопок ширина 50% и float left и right соответственно.

По мере изменения ширины между ними появляется промежуток, в чем проблема ? Причем даже изменение ширину на 1px дает разные результаты.