Почему не работает горизонтальный scroll?

Question

[eellazy]

При маленьком разрешении экрана, елементы выстраиваются по одному в строку и скрол не работает, так как крутить нечего. При большой разрешении все фото стоят как надо и прокручиваются правильно.

вот скрол

.listt {
  font-size: 0;
  white-space: nowrap;
  width: 100%;
 
  overflow-x: scroll;
  
}

вот приминения стиля

<div class="col-md-2 inline_blocks">
                      <div class="thumbs listt">
              <?php for ( $i = 0; osc_has_item_resources(); $i++ ) { ?>
              <?php if( $i > 0) { ?>
              <a href="<?php echo osc_resource_url(); ?>" class="fancybox itemm" data-fancybox-group="group" title="<?php _e('Image', OSCLASSWIZARDS_THEME_FOLDER); ?> <?php echo $i+1;?> / <?php echo osc_count_item_resources();?>"> <img src="<?php echo osc_resource_thumbnail_url(); ?>" width="75" alt="<?php echo osc_item_title(); ?>" title="<?php echo osc_item_title(); ?>" class="img-responsive"/> </a>
              <?php } ?>
              <?php } ?>
            
            </div>
          </div>

Comments

[VeyDlin]

Извините, меня было уже не остановить.

<div class="col-md-2 inline_blocks">
	<div class="thumbs listt">
		<?for($i = 0; osc_has_item_resources(); $i++){
			if($i > 0){ 
				echo '<a href="'.osc_resource_url().'" class="fancybox itemm" data-fancybox-group="group" title="'._e('Image', OSCLASSWIZARDS_THEME_FOLDER).' '.($i + 1).' / '.osc_count_item_resources().'"> <img src="'.osc_resource_thumbnail_url().'" width="75" alt="'.osc_item_title().'" title="'.osc_item_title().'" class="img-responsive"/> </a>'.PHP_EOL;
			} 
		}?>
	</div>
</div>

А вы знали?

// Вместо ужасного
<?php echo $var; ?>

// Можно делать так:
<?=$var?>

[eellazy]

нет не знал. Спасибо