Почитал, но не нашел человека который использует bootstrap4 как css фреймворк? Интересно почему? Неудобен? Или он умирает?

Баги это удел разработчика. Если вы изготовитель машин, и вы изготовили партию машин где колесо люфтит из-за "бага", то у вас снимают с производства всю партию. Удел разработчка - особенно фронтендера - отлавливания багов и фикс. А там дальше от того, как вы оговаривали всё с вашим клиентом.

Код просмотрел бегло, управлять размером элементов и отступами прописав width, max-width элементу если есть уверенность что они не растут от контента. И спокойно двигать их от друга. Либо использовать самый действенный метод включив гриды(display: grid) задав ширину колонок и прописав между элементами grid: gap. Отодвинув элементы друг от друга на нужную ширину. Если не понятно - можете скинуть макет в jpeg. Я вам нарисую в паинте беглую разметку. Либо закиньте свой код с помощью сервиса Codepen