Используем Bootstrap из дистрибутива Cotonti Siena

В промежуточном релизе 0.9.26 beta дистрибутива Cotonti Siena появился CSS-фреймворк Bootstrap. Сама по себе, новость не горячая: сайты на бутстрапе мы как делали, так и делаем. Но вот наличие его в “коробке” Сиены означает более дружественный к пользователю подход. Ведь теперь нет необходимости устанавливать сторонний плагин или подгружать фреймворк через CDN.

Как подключить коробочный Bootstrap в Cotonti Siena

CSS-фреймворк Bootstrap располагается в папке lib/bootstrap дистрибутива и по умолчанию нигде не используется. Это лишний раз говорит о том, что решение всегда принимает разработчик и что сайт на Cotonti не обязательно должен строиться на Bootstrap или любом другом CSS-фреймворке.

В папке lib/bootstrap находятся подпапки css и js. Нетрудно догадаться, что в них находятся стили и скрипты соответственно. Для того, чтобы не утяжелять дистрибутив, и те и другие поставляются уже в минифицированном виде.

Оба файла библиотеки объявляются в виде ресурсов в файле system/Resources.php:

...

'@bootstrap' => 'lib/bootstrap/js/bootstrap.bundle.min.js',
'@bootstrap.css' => 'lib/bootstrap/css/bootstrap.min.css',
... 
const bootstrap = '@bootstrap';
...

Это то, что "под капотом". Простому же разработчику обе константы несложно использовать в ресурсном файле своей front- или back-end темы:

// Bootstrap
Resources::linkFileFooter('@bootstrap');

.. или:

// Bootstrap
Resources::linkFileFooter(Resources::bootstrap);

Сиена загрузит ресурсы по-умолчанию, т.е. в smart-режиме. Это означает, что bootstrap.min.css загрузится вверху, а bootstrap.bundle.min.js – внизу.

Если все же хочется более гибко управлять размещением и порядком загрузки Bootstrap, вместо алиасов можно использовать прямые ссылки:

// Bootstrap
Resources::linkFileFooter('lib/bootstrap/css/bootstrap.min.css', 'css', 49);
Resources::linkFileFooter('lib/bootstrap/js/bootstrap.bundle.min.js', 'js', 98);

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

Заключение

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

В прошлой статье мы выясняли как определить, установлено ли расширение Cotonti Siena.