1   Вниз

Как правильно обновить bootstrap до 3-й версии?

0 Пользователей и 1 Гость просматривают эту тему.
  • 7 Ответов
  • 2723 Просмотров
*

borro

  • Живу я здесь
  • ******
  • 1272
  • 21
  • желаю вам счастья
Как правильно обновить bootstrap до 3-й версии?
« : 13.05.2015, 18:10:54 »
Здравствуйте!

Планирую строить шаблон на bootstrap 3, но к удивлению обнаружил, что с Joomla 3.4.1 идет bootstrap 2.3.2. Как правильно обновить bootstrap, чтобы обновления Joomla его не убили?
Скачать его отдельно, разместить .css и .js в папке шаблона и руками подключить в index.php шаблона?
Записан
*

Alldar

  • Тестеры
  • *****
  • 1500
  • 185
Re: Как правильно обновить bootstrap до 3-й версии?
« Ответ #1 : 13.05.2015, 18:17:00 »
Да подключать нужно отдельно, только следите за тем что бы компоненты не вызвали 2 bootstrap еще
Записан
Пожалуйста не дублируйте сообщения в личку/skype/google+. Все вопросы задавайте на форуме! Спасибо!

Клуб шаблонов для Joomla - NorrTheme
*

borro

  • Живу я здесь
  • ******
  • 1272
  • 21
  • желаю вам счастья
Re: Как правильно обновить bootstrap до 3-й версии?
« Ответ #2 : 13.05.2015, 18:20:05 »
Цитата: Alldar от 13.05.2015, 18:17:00
Да подключать нужно отдельно, только следите за тем что бы компоненты не вызвали 2 bootstrap еще
Чтобы компоненты не вызвали встроенный бутстрап версии 2.3.2? А какие компоненты этим грешат?
Записан
*

AlekVolsk

  • Профи
  • ********
  • 6301
  • 336
Re: Как правильно обновить bootstrap до 3-й версии?
« Ответ #3 : 13.05.2015, 22:02:12 »
Переопределяйте все штатные компоненты, гарантированно этого избежите
Записан
*

borro

  • Живу я здесь
  • ******
  • 1272
  • 21
  • желаю вам счастья
Re: Как правильно обновить bootstrap до 3-й версии?
« Ответ #4 : 14.05.2015, 11:12:20 »
Цитата: AlekVolsk от 13.05.2015, 22:02:12
Переопределяйте все штатные компоненты, гарантированно этого избежите
Здравствуйте!
Это имеется в виду надо прошерстить исполняемый код каждого компонента на предмет подключения старого бутстрапа?
Записан
*

AlexeyGal

  • Давно я тут
  • ****
  • 328
  • 23
Re: Как правильно обновить bootstrap до 3-й версии?
« Ответ #5 : 15.05.2015, 09:06:08 »
1. Отключите выборочно стандартные Mootools, Jquery, Bootstrap 2 - при помощи плагина Joomla Options (в настройках плагина поставьте галочку что отключать)
2. Подключите вручную новую версию Jquery и Bootstrap 3 - в своем шаблоне
3. Важно! Проверьте чтобы подключение Bootstrap 3 шло ПОСЛЕ подключения Jquery, иначе работать не будет!

Цитировать
Joomla options
=============

Plug-in for managements of built-in libraries Joomla.
Main options: Mootools disable, Jquery disable, Bootstrap disable

Основные опции:

    Отключение Mootools
    Отключение Jquery
    Отключение Bootstrap

Плагин переопределяет классы. Это лучшее решение данных задач

[Download plugin](https://github.com/Poznakomlus/joomla_options/archive/master.zip)

4. Кладем новую версию jquery и bootstrap 3, bootstrap-тему оформления в свой шаблон

5. Подключаем Bootstrap 3 в шаблоне следующим образом:

$doc = JFactory::getDocument ();

// Load Bootstrap CSS
$doc->addStyleSheet ( $this->baseurl . '/templates/' . $this->template . '/bootstrap/css/bootstrap.min.css' );
$doc->addStyleSheet ( $this->baseurl . '/templates/' . $this->template . '/bootstrap/css/bootstrap-theme.css' );

// Add JavaScript Frameworks
$doc->addScript ( $this->baseurl . '/templates/' . $this->template . '/bootstrap/js/bootstrap.min.js' );

В заголовке Head пишем(подключение jquery обязательно первым- если его тоже отключили плагином):
<script type="text/javascript" src="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/js/jquery.min.js"></script>
<jdoc:include type="head" />
« Последнее редактирование: 15.05.2015, 09:48:19 от AlexeyGal »
Записан
*

Vitos

  • Осваиваюсь на форуме
  • ***
  • 161
  • 6
Re: Как правильно обновить bootstrap до 3-й версии?
« Ответ #6 : 30.05.2015, 17:38:16 »
А у меня проблема такого рода.
После обновления с версии v2.1.0 на любую из 3.х, такая конструкция перестала работать правильно:
Код
<script>
jQuery(document).ready(function(){
    jQuery('[data-toggle="popover"]').popover({ trigger: "hover" }); 
});
</script>

<a href="#" data-toggle="popover" title="Popover Header" data-content="Some content inside the popover">Toggle popover</a>
При наведении popover всплывает как надо, но потом пропадает вместе с родительским элементом.
Если смотреть в код, то тегу <a> прописывается style="display: none;"
Кто то сталкивался? Как лечить?
Записан
*

Mekuya

  • Захожу иногда
  • **
  • 12
  • 0
Re: Как правильно обновить bootstrap до 3-й версии?
« Ответ #7 : 05.09.2015, 00:23:38 »
Цитата: AlexeyGal от 15.05.2015, 09:06:08
1. Отключите выборочно стандартные Mootools, Jquery, Bootstrap 2 - при помощи плагина Joomla Options (в настройках плагина поставьте галочку что отключать)
2. Подключите вручную новую версию Jquery и Bootstrap 3 - в своем шаблоне
3. Важно! Проверьте чтобы подключение Bootstrap 3 шло ПОСЛЕ подключения Jquery, иначе работать не будет!

4. Кладем новую версию jquery и bootstrap 3, bootstrap-тему оформления в свой шаблон

5. Подключаем Bootstrap 3 в шаблоне следующим образом:

$doc = JFactory::getDocument ();

// Load Bootstrap CSS
$doc->addStyleSheet ( $this->baseurl . '/templates/' . $this->template . '/bootstrap/css/bootstrap.min.css' );
$doc->addStyleSheet ( $this->baseurl . '/templates/' . $this->template . '/bootstrap/css/bootstrap-theme.css' );

// Add JavaScript Frameworks
$doc->addScript ( $this->baseurl . '/templates/' . $this->template . '/bootstrap/js/bootstrap.min.js' );

В заголовке Head пишем(подключение jquery обязательно первым- если его тоже отключили плагином):
<script type="text/javascript" src="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/js/jquery.min.js"></script>
<jdoc:include type="head" />
Большое Вам спасибо! Давно искал подобное решение!
Записан
1   Вверх