Рассмотрим взаимодействие и построение шаблона с использованием Twig и Bootstrap.
Составим блок схему:
Создадим основной файл шаблона
Добавим ссылки на bootstrap и jquery.js
Добавим блок содержимого. Именно в content будет добавляться информация из home.twig.
В файл home.twig добавим блок content, информация из которого будет использоваться в app.twig
Создадим файл-шаблон навигации navigation.twig
И внесём изменения в основной файл шаблона (добавим navigation.twig):
Проверим работу сайта:
Шаблон загрузился успешно, но мы не видим содержимого. Надпись находится в самом верху сайта за панелью навигации. Поправим стили:
И добавим файл стилей в app.twig
Проверяем работу сайта.
