Thumbnav

Создать гибкую миниатюрами навигации, которые могут быть приведены в соответствие с Компонента Flex.

Использование

Для установки этого компонента, добавить .uk-thumbnav класс к <ul> элемент и гнездо свой эскиз изображения внутри <a> элементов в списке элементов. В thumbnav будет обмотать в несколько рядов, если она шире, чем его контейнер и автоматически применяет сточной канавы. Добавить .uk-active класса для создания активном состоянии.

Чтобы выровнять subnav, например, чтобы по горизонтали по центру, вы можете использовать Компонента Flex.

Пример

Разметки

<ul class="uk-thumbnav">
    <li class="uk-active"><a href=""><img src="" alt=""></a></li>
    <li><a href=""><img src="" alt=""></a></li>
</ul>

Thumbnav и грид

Вы можете использовать один из .uk-grid-width-* классы Грид компонент, чтобы равномерно разместить все thumbnav элементов в пределах одной строки.

Пример

Разметки

<ul class="uk-thumbnav uk-grid-width-1-5">
    <li>...</li>
</ul>