Joomla 3.x построена на фрейморк Twitter Bootstrap 2. Bootstrap - это простой и легко настраиваемый HTML, CSS, и Javascript инструментарий

Особенности Bootstrap 2:

  • Полный набор компонентов в виде стилей и анимаций поведения для элементов интерфейса
  • Поддержка возможностей HTML5, CSS3 (но при этом работает и в IE7!)
  • Поддержка идеологии 940-пиксельной сетки
  • Поддержка идеологии fluid-grid
  • Кросплатформенность — наборы стилей для десктопных и мобильных браузеров
  • Возможность кастомизации и добавления собственных стилей
  • Возможность добавлять jQuery плагины

Т.к. на пороге выпуск 4 версии Twitter Bootstrap, а версия 2 уже достаточно устарела. В будущем я бы хотел начать курс статей, про то, как создать свой простой шаблон для CMS Joomla 3.x. Затем перейти к материалу, как создать шаблон на Twitter Bootstrap 3, далее, как выйдет стабильная версия Twitter Bootstrap 4, будем разбираться в ней вместе. 

А пока, можете самостоятельно начать изучать Twitter Bootstrap 3 здесь

Если вам понравился материал, поделитесь им в социальных сетях. Спасибо!