Подключаем актуальную версию Bootstrap 3 к теме Drupal 7

Опубликовано: 09.10.2017

Официальная тема Bootstrap не радует частыми обновлениями. Вне зависимости от того, используете ли вы её в качестве родительской темы или подключаете Bootstrap к сторонней теме, всегда можно и использовать актуальную или любую необходимую версию замечательного framework'a.

С помощью этого способа можно подключить любую версию Bootstrap к вашей теме.

Загрузите актуальную версию Bootstrap из официального репозитория на GitHub. Для удобства можно выбрать необходимый релиз github.com/twbs/bootstrap/releases ; Папку с релизом рекомендую размещать в /sites/all/ libraries /bootstrap-3.3.0 что бы подключать необходимые компоненты на любом сайте из единого дистрибутива; В template.php вашей темы подключите актуальную версию js Bootstrap из Bootstrap CDN

function [your_theme]_preprocess_html(&$variables) { // drupal_add_css('//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css', array('type' => 'external')); // drupal_add_js('//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js', array('type' => 'external')); drupal_add_js('//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js', array('type' => 'external')); }

В данном случае мы использовали функции drupal_add_js и drupal_add_css .

UP 1 Обратите внимание, что релиз v.3.3.0 требует минимальную версию jQuery 1.9.1 , поэтому мы подключили её перед js Bootstrap'a.

UP 2 Если вы используете модуль jQuery Update , то подключите необходимую версию jQuery в нем, в этом случае НЕ надо подключать библиотеку в template.php .

UP 3 Желательно отключить модуль Overlay т.к. он не "дружит" с последней версией jQuery.

Если вы используете less Bootstrap'a, то нет смысла подключать bootstrap.min.css.

Для этого откройте файл стилей вашей темы, например style.less и первой строкой импортируйте bootstrap.less из релиза в /sites/all/ libraries /bootstrap-3.3.0 @import "../../../../sites/all/libraries/bootstrap-3.3.0/less/bootstrap.less"; Выполняем drush cc all или очистите кэш в админке.

Готово! =))

rss