Поясните принцип работы данного кода bootstrap?
Ты правильно понял. Одна строка это 12 колонок. Если сумма колонок превышает 12, последний переходит на новую строку
md - все 6 элементов в одну строку.
sm - по 3 элемента на строку, 2 строки получится.
xs - по 2 элемента на строку, 3 строки получится
Блоки которые не вмещаются в 12 колонок переносятся вниз. При этом сохраняют свою ширину