Хлебные крошки в мобильной версии.

[newjey]

Добрый день.

Надо сделать в шаблоне категории, блок хлебных крошек

<ul class="breadcrumb">
    <?php foreach ($breadcrumbs as $breadcrumb) { ?>
    <li><a href="<?php echo $breadcrumb['href']; ?>"><?php echo $breadcrumb['text']; ?></a></li>
    <?php } ?>
  </ul>

Что бы десктоп версии располагался слева, а в мобильной по центру.

Пробовал  дублировать блок и вставлять его в дивы <div class='hidden-xs'> и <div class='hidden-md hidden-lg hidden-sm'> но это ничего не даёт кроме ошибки.

Подскажите как это можно реализовать по другому?

 

[anboza]

ну как первая мысль - стили и медиа-запросы под размеры. 

или flex-ом, да много как можно

[newjey]

А почему дивами не срабатывает?