Класс.span* в шаблонах на Bootstrap 2 - Joomla 3.x: Шаблоны, разметка и макеты вывода

не пойму как .span* в В2 работает с разными размерами.

Мне нужно в первом шаблоне при мобильном размере, чтобы блоки картинок вставали в ряд, как во втором шаблоне. Полазил в CSS, посравнивал, но кода много и пока не знаю за что зацепится, поскольку не пойму как .span* в В2 работает с разными размерами

В первом шаблоне класс ров-флуид (резиновый) во втором ров
http://bit.ly/1Gm2M8H
http://bit.ly/1Gm37YM
или наоборот, - почитай сетку бутстроап2
http://bootstrap-ru.com/scaffolding.php#gridSystem

В классе class="row" .span* задан в рх, в class="row-fluid" в %

"Резиновый макет вписывает сетку в размер экрана, потому и 2 колонки (float: left;),
т.е. при адаптивной верстке (как раз не резиновой) в зависимости от размера экрана вступают медиазапросы @media, вот они то и отменяют float: left;[/quot
В каком конкретно файле можно подключить @медиа запросы, не подскажите, там они в нескольких файлах фигурируют? Я так предполагаю если прописать для .span @медиа запрос для (max-width: 767px) с параметром width: 100%, то при ширине менее 767px блоки должны будут складываться из двух столбиков в два ряда.

Я так предполагаю если прописать для .span @медиа запрос для (max-width: 767px) с параметром width: 100%, то при ширине менее 767px блоки должны будут складываться из двух столбиков в два ряда.

     float: none; /* в стролбик */
    display: block; 
    width: 100%;

Не совсем понял, если class="row" .span* задан в рх, то при уменьшении ширины блок с этим классом должен по идее оставаться одного размера а не изменяться пропорционально изменениям размера окна.

у первого видимо просто не настроены @медиа запросы.