Честно сил уже нет,ничего не пойму как реализовать.До этого была ждумла 2.5 и бутстрап 2,создавал в шаблоне модуль вставлял в него картинку,в index.php прописывал код
<div class="row-fluid">
<div class="span12 module1 center">
<jdoc:include type="modules" name="module1" style="xhtml" />
</div>
где center это класс созданный мною в css файле со значением
margin: 0 auto;
картинка выравнивалась по центру и становилась резиновой,но сейчас бутстрап3 и джумла3 она примыкает к левому краю и не изменяет размер при масштабировании.В данный момент вроде бы актуальный код для версии 3 бутстрапа
<div class="row">
<div class="col-xs-12col-md-12 col-lg-12 module1 center">
<jdoc:include type="modules" name="module1" style="xhtml" />
</div>
но он ее не выравнивает!Он похоже выравнивает сам модуль,но не картинку.Конечно прописывал прямо в редакторе джумлы картинке img-responsive,но к примеру мне нужно чтобы при разных разрешениях экрана картинка внутри модуля занимала разные позиции а не только центральную к примеру
<div class="hidden-xs">
<div class="col-md-12> pull-left left">
<jdoc:include type="modules" name="module1" style="xhtml"/>
</div>
<div class="visible-xs">
<div class="col-md-12> pull-right right">
<jdoc:include type="modules" name="module1" style="xhtml"/>
</div>
то есть в разных разрешениях картинка должна быть слева или с права, как на коде выше,но почему-то она не реагирует.Как теперь осуществить то что мне нужно?