Використання Bootstrap
З появою фреймворку Bootstrap верстальникам стало набагато легше створювати адаптивні елементи і будувати сайт. Він дозволяє прототипировать ідеї з допомогою готових компонентів і потужних плагінів. Для використання базових можливостей потрібно включити обчислені стилі Bootstrap з CDN в head сайту. Повинно виглядати так:
Для створення горизонтального меню з випадаючим списком на CSS використовується компонент Navbar. Його потрібно скопіювати з офіційного сайту. За замовчуванням він має два режими відображення: десктопний і мобільний.
Тепер залишилося додати оформлення, щоб виглядало так, як того вимагає дизайн.
Інший спосіб створення адаптивних елементів – використання Grid системи. Її відмінність від Bootstrap в тому, що можна вказати будь-яку кількість колонок і зробити їх різної ширини.