Добрый день.

Необходимо реализовать адаптивную верстку под Bootstrap4

Требование по браузерам: IE11+, Edge; FireFox, Opera, Safari, Chrome, Яндекс Браузер последних версий.
Верстка должна быть адаптивной, поддержка Android-Браузер & Webview С (для Андроид версий 5+), Safari мобильной версии для iOS 8+, а также поддержка планшетов (предусмотреть на уровне медиа-тегов).
Макет должен быть сверстан с применением фреймворка bootstrap4, при верстке адаптивных макетов использовать классы bootstrap, расширения для bootstrap.
Сверстанные макеты должны использовать сетку, предоставляемую фреймворком Bootstrap, верстка должна быть сделана по принципам этой сетки.
Результат работы должен быть выложен в отдельный репозиторий с версткой, с возможностью сборки макетов html и стилей с использованием npm (как изначально предусматривает работа с bootstrap).
Цвет фона для body всегда должен прописываться в css файле стилей, даже если он белый.
CSS Файл стилей должен назваться template.css
Если используете CSS хаки, комментируйте, что это и для какого браузера, а лучше используйте css_browser_selector.js.
Названия классов и id должны быть названы на английском, а не транслитом, а также по смыслу соответствовать применению
например, header, menu, footer, news, titlenews, footercontacts
Всё что можно сделать без применения Javascript, делать без него средствами CSS.
Стараться использовать GIF/PNG с 8-битным альфаканалом вместо PNG-24, где это возможно.
Javascript код нужно выносить в отдельный файл с названием template.js. Тоже самое касается и обработчиков событий.
Макет сайта обязательно должен помещаться без горизонтальных скроллбаров в развернутое на весь экран окно браузера при горизонтальной ширине окна браузера 1170px.
Все картинки используемые в верстке должны находиться в папке images. В этой не должно быть картинок, не используемых в верстке.
Для всех элементов, которые могут содержать текст различной длины, который должен быть вписан в одну строку (например, для кнопок или заголовков, если в дизайне не предусмотрено, что они могут занимать больше одной строки), обязательно задавайте CSS свойство white-space:nowrap.
Все макеты html-макет, CSS и JS файлы должны быть в кодировке UTF-8.
Все элементы верстки, которые выравниваются по высоте (по центру) или по ширине (по центру) должны иметь одинаковые отступы, если по ширине то по бокам, если по высоте то сверху и снизу.