Недавно столкнулся с задачей "привинчивания" меню в джумле, чтобы оно было по всем канонам Bootstrap.
Как бы просто прописать класс nav и nav-bar не сложно. Создаем модулю меню и указываем с пробелом вначале свой класс. Все проблема в том, что, чтобы возле ссылки с подпунктами, была еще span со значком стрелки и атрибут data-toggle. Но на просторах интернета нашел изящное решение на jquery (простое и гениальное), для любого меню, если у вас подключен bootstrap.
<script>
jQuery(document).ready(function($) {
function menu(){
$('.navbar .parent').addClass('dropdown');
$('.navbar .parent > a').addClass('dropdown-toggle');
$('.navbar .parent > a').attr('href', '#');
$('.navbar .parent > a').attr('data-toggle', 'dropdown');
$('.navbar .parent > a').append(' ', '<span class="caret"></span>');
$('.navbar .parent > ul').addClass('dropdown-menu');
}
menu();
});
</script>