Ok i did it Sir's.
Thanks.
I knew i had to come up whith the javascript code to do it, i just didnt know were to look for it cause i am the worst javascript student ever, but i found what i needed here:http://joe-watkins.io/articles/build-a-twitter-bootstrap-dropdown-menu-with-business-catal ysts-dynamic-menu-module-and-j…
It all works now except i dont know how to make the sub-submenus work too.
heres the javascript that makes it work:
var $navContainer=$('.nav'),
$dropdownItems=$navContainer.find('li.dropdown');
$dropdownItems.each(function(){
var $parentItem=$(this).find('a:first');
$parentItem.addClass('dropdown-toggle').attr('data-toggle','dropdown').append('<b class="caret"></b>');
$(this).children('ul').removeClass().addClass('dropdown-menu');
});
$dropdownItems.show();
if i add 'ul.dropdown-menu li.dropdown' to the Var $dropdownItems right next to the 'li.dropdown' separeted by a comma , nothing happends. How do i add the extra sub-sub menu items on this?