bootstrap 3 и меню Joomla - Joomla 3.x: Шаблоны, разметка и макеты вывода

 Есть файл index.php в котором нужно подключить бутстрап, реализовано так:
<!-- Основной файл стилей -->
<link href="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/assets/css/bootstrap.css" rel="stylesheet" type="text/css" media="screen" />

<!-- Подключаем, если будет используеться адаптивная вёрстка -->
<link href="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/assets/css/bootstrap-theme.css" rel="stylesheet" type="text/css" media="screen" />

<!-- Подключаем, CSS стиля шаблона. -->
<link href="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/css/style.css" rel="stylesheet" type="text/css" media="screen" />

<!-- Подключаем, если будут использоваться стандартные всплывающие окна, слайдеры и т.д. -->
<script src="<?php echo $this->baseurl; ?>/templates/<?php echo $this->template; ?>/assets/js/bootstrap.js" type="text/javascript"></script>
 Далее вывожу в шаблоне позиции модулей как то так:
 <div class="container">
   <div class="row">
   <div class="span3"><jdoc:include type="modules" name="logo" /></div>
   <div class="span6"><jdoc:include type="modules" name="mainmenu" /></div>
   <div class="span3"><jdoc:include type="modules" name="search" /></div>
 </div>
 Как заставить пункты меню (mainmenu) с помощью бутстрапа выпадать...
 Прочёл кучу всего (нихрена толком не понял) Простым языком кто то объяснит?

У вас верстка под bs2, а не bs3. http://bootstrap-3.ru/getting-started.php
Вам надо будет переопределить mod_menu в своем шаблоне и переписать соответствующим образом.

<div class="col-md-12"><jdoc:include type="modules" name="mainmenu" style="none" /></div>
.. Вот так под 3 бутстап, верно? Как его заставить выводить выпадающие меню?

Вам не index.php нужно переписывать, а templates/шаблон/html/mod_menu/default.php Т.е. разметку самого модуля, а не его позиции.

Обалдеть!
Я шаблон с нуля пишу. У меня ещё такого нет. Как это сделать?

default.php можно скопировать из modules/mod_menu/tmpl. А недостающие папки (html/mod_menu) необходимо создать.

default.php можно скопировать из modules/mod_menu/tmpl. А недостающие папки (html/mod_menu) необходимо создать.

Ок. А как CMS узнает что в моём шаблоне, меню нужно выводить так как описано в файле html/mod_menu/default.php
 В index.php что то записать нужно?
 (паку создал, файл скопировал.... толку 0)

Joomla умная. Сама догадается.
http://joomla-book.ru/development/creating-templates/overriding-layout-display
В index.php нужно переписать разметку в соответствии с bs3. Смотрите мануалы. Сам bs не юзаю.

Joomla умная. Сама догадается.
http://joomla-book.ru/development/creating-templates/overriding-layout-display
В index.php нужно переписать разметку в соответствии с bs3. Смотрите мануалы. Сам bs не юзаю.

... бутстрап 2/3 без разницы. На 2м бутстрапе может сможете объяснить?

 Закипаю. Кто то может помочь создать адаптивный шаблон для Joomla используя bootstrap 2 / 3
 Что хочу сделать:
 1 - Вменяемое отображение на мобильных и ПК (адаптивность)
 2 - Задавать фоновую картинку разную для разных статей
 3 - Выпадающее меню
 4 - Цветное оформление для модулей (меняется вместе со сменой фона)
 5 - Меню "прилипшее" к правой/левой части сайта с иконками, прокрутка у такого меню
 Вроде всё...

Здесь всевозможные лэйауты для bs-меню. Нагуглил. Выбираете необходимый, смотрите разметку, приводите разметку файла default.php к такому же виду. Естественно, необходимо минимальное представление о php.

Там в примерах нет выпадающего меню....
И там не тот скрол... Там скролит на то место где находишся. А нужен скрол пунктов меню без перемещения по странице.

Вот, распакуйте в /templates/ваш_шаблон/html/, поизучайте, сравните с оригинальными файлами из /modules/mod_menu/tmpl/, постепенно научитесь.
По сути bs - это набор стилей и скриптов для управления этими стилями. версии 2 и 3 различаются названиями классов стилей. Об остальном догадаетесь/изучите сами.

Вот, распакуйте в /templates/ваш_шаблон/html/, поизучайте, сравните с оригинальными файлами из /modules/mod_menu/tmpl/, постепенно научитесь.
По сути bs - это набор стилей и скриптов для управления этими стилями. версии 2 и 3 различаются названиями классов стилей. Об остальном догадаетесь/изучите сами.

Залил. Меню вертикально, при жмаканье основных пунктов, подпункт не раскрывется....

Скрипты же надо подключить и стили. Залить мало.

 Я правильно понимаю, что в файле bootstrap.css уже даны описания стилям. И если к меню добавить один из описанных стилей, всё будет отображаться красиво.
 Тоесть добавив меню класс nav должна быть красивая навигация как описано в бутстрап... верно?
 
(отвал башки)

Что хочу сделать:
 1 - Вменяемое отображение на мобильных и ПК (адаптивность)
 2 - Задавать фоновую картинку разную для разных статей
 3 - Выпадающее меню
 4 - Цветное оформление для модулей (меняется вместе со сменой фона)
 5 - Меню "прилипшее" к правой/левой части сайта с иконками, прокрутка у такого меню
 Вроде всё...

1. Смотрите в сторону .navbar-header
2. Это не зависит от bs вообще, изучайте htmlbook.ru
3. см. мой пред.пост
4. см. п.2
5. это пишется отдельно, создается отдельный класс, который используется потом в качестве суффикса к модулю меню, пример: http://www.sitehere.ru/menyu-dlya-sajta-v-stile-google-nexus

Подключается все к шаблону, в head. Чтобы меню выглядело красиво, одного bs будет не совсем достаточно, здесь многое зависит от стилистики самого шаблона и ваших знаний.

Поизучайте исходники (Ctrl+U) http://bootswatch.com/cerulean/, я на этом учился.

1. Смотрите в сторону .navbar-header
2. Это не зависит от bs вообще, изучайте htmlbook.ru
3. см. мой пред.пост
4. см. п.2
5. это пишется отдельно, создается отдельный класс, который используется потом в качестве суффикса к модулю меню, пример: http://www.sitehere.ru/menyu-dlya-sajta-v-stile-google-nexus

Подключается все к шаблону, в head. Чтобы меню выглядело красиво, одного bs будет не совсем достаточно, здесь многое зависит от стилистики самого шаблона и ваших знаний.

1- За ссылку огромное спасибо. Почти оно. Буду пробовать.
2- Может есть вменяемая сумма за помощ в создании шаблона. Удалённый контроль и разжовывание действий.

Поизучайте исходники (Ctrl+U) http://bootswatch.com/cerulean/, я на этом учился.

Source Code куда пихать, в CSS или INDEX
<li><a href="#">Action</a></li>
          <li><a href="#">Another action</a></li>
          <li><a href="#">Something else here</a></li>
Вот эти пункты руками заголовки прописаны.
 А как эти заголовки выводить из меню Joomla? Тоесть в этих местах должен быть пункт взятый из модуля меню... Сц*ко КАК!?

 Ребята простите, вроде не дибил.... Но не понимаю как использовать этот код. В нём введены зараннее заголовки, а как заставить в этих местах выводить заголовки пунктов меню...?

Я уже дал вам переопределенный mod_menu, он это уже умеет!

Я уже дал вам переопределенный mod_menu, он это уже умеет!

Его бы ещё прицепить в моём шаблоне... как то....

Его бы ещё прицепить в моём шаблоне... как то....

Эээ... подключить стили и скрипты bs3 и распаковать архив. куда - выше сказано. Все остальное - правка стилей ручками.
Карусель из пунктов меню - дополнительно писать js, много писать...

Извиняюсь конечно, или я может что-то пропустил... но bs3 с Joomla 3 без танцов с отключением кучи библиотек еще вроде как полностью не совместима. Подключайте и юзайте bs 2.3.2, чтоб меньше было проблем.
Или может есть те кто нашёл вариант проще? Дайте ссылочку глянуть

Всё верно. Но тут дело вкуса, т.к. разница между BS2 и BS3 незначительне. Я вообще предпочитаю UIkit. IMHO, половчее BS будет.

Надо переписать isis фадминки на юкит со всеми переопределеениями штатных компонентов и забабахать pull-request, пусть фрейм внедряют. Альтернатива должна быть всегда.