ссылка на видео

ссылка на исходник

Рассмотрим взаимодействие и построение шаблона с использованием Twig и Bootstrap.

Составим блок схему:

Создадим основной файл шаблона

Добавим ссылки на bootstrap и jquery.js

 

 

Добавим блок содержимого. Именно в content будет добавляться информация из home.twig.

 

В файл home.twig добавим блок content, информация из которого будет использоваться в app.twig

 

Создадим файл-шаблон навигации navigation.twig

И внесём изменения в основной файл шаблона (добавим navigation.twig):

Проверим работу сайта:

Шаблон загрузился успешно, но мы не видим содержимого. Надпись находится в самом верху сайта за панелью навигации. Поправим стили:

И добавим файл стилей в app.twig

 

Проверяем работу сайта.