Александр Ружевич

если работаете с бутстрапом сделайте все на нем, просто и быстро, он заадаптивит за вас, вы только подправите небольшие косяки на xs

Вам правильно пишут, но раз хотите самостоятельно, то можете сделать через медиа запросы всю верстку самостоятельно, принцип не сложный, в зависимости от разрешения экрана пользователя изменять размеры элементов, шрифтов, скрывать ненужные элементы или показывать их на определенном разрешении, затем если нужно будет редактировать верстку на хосте будете проклинать все на свете в поиске нужных классов для каждого разрешения. В итоге поймете как все работает и запомните этот ад надолго) После этого трижды мысленно будете благодарить создателей фреймворков ибо работу они делают огромную) Но если хотите сами знать как работает адаптивная верстка то медиа запросы самый верный способ

как написали выше, родительский блок поставте по центру, затем внутри 5 блоков float:left; или display:inline-block; все оч просто)

если блоки расползаются на больших мониторах то задайте body {max-width:1920px;}
тогда все при кучке будет на больших разрешениях, либо задайте (если бутстрапом пользуетесь) один родительский контейнер с параметрами width:100%; max-width:максимальное разрешение под которое верстается сайт(обычно это 1920px)