Сообщений в теме: 3

[strannik_65]

На шаблоне warp pro разметка uikit3, шаблон uikit, использующий разметку uikit2 не поддерживает. Uikit3 на форуме обещают к началу марта, хотел пока настроить на bootstrap респонсивность.

Решение для uikit нашел здесь: http://forum.jbzoo.c...enie-kategorij/

Подходит и для категорий и для материалов, "из коробки" для uikit решение выглядит так:

    $classes = array(
                    'subcategory-column',
                    'uk-width-small-1-2',
                    'uk-width-medium-1-' . $vars['cols_num']
                );

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

$classes = array(
                'item-column', $colClass
            );

            $first = ($j == 0) ? $classes[] = 'first' : '';
            $last  = ($j == $count - 1) ? $classes[] = 'last' : '';

То же самое- чтобы шесть столбцов разметки, например, превращались не сразу в 1, а последовательно сначала в 3, потом в 2, потом в 1. Все необходимые библиотеки уже есть, осталось только эту вставку сделать.

Подскажите, кто уже реализовывал на bootstrap

[CB9TOIIIA]

как реализовать аналогичное решение

чтобы шесть столбцов разметки, например, превращались не сразу в 1

    $i         = 0;
    $bootstrap = $this->app->jbbootstrap;
    $count     = $vars['count'];
    $rowItems  = array_chunk($vars['objects'], $vars['cols_num']);
    $rowClass  = $bootstrap->getRowClass();
    $colClass  = $bootstrap->columnClass($vars['cols_num']);

    echo '<div class="items items-col-' . $vars['cols_num'] . '">';

    foreach ($rowItems as $row) {
        echo '<div class="' . $rowClass . ' item-row-' . $i . '">';

        $j = 0;
        $i++;

        foreach ($row as $item) {

            $classes = array(
                'item-column', $colClass
            );

            $first = ($j == 0) ? $classes[] = 'first' : '';
            $last  = ($j == $count - 1) ? $classes[] = 'last' : '';
            $j++;

            $isLast = $j % $vars['cols_num'] == 0 && $vars['cols_order'] == 0;

            if ($isLast) {
                $classes[] = 'last';
            }

            echo '<div class="' . implode(' ', $classes) . '">' .
                 '   <div class="item-box well">' . $item . '</div>' .
                 '</div>';
        }

        echo '</div>';
    }

    echo '</div>';
}

Разве не примерно это?

[strannik_65]

чтобы шесть столбцов разметки, например, превращались не сразу в 1

    $i         = 0;
    $bootstrap = $this->app->jbbootstrap;
    $count     = $vars['count'];
    $rowItems  = array_chunk($vars['objects'], $vars['cols_num']);
    $rowClass  = $bootstrap->getRowClass();
    $colClass  = $bootstrap->columnClass($vars['cols_num']);

    echo '<div class="items items-col-' . $vars['cols_num'] . '">';

    foreach ($rowItems as $row) {
        echo '<div class="' . $rowClass . ' item-row-' . $i . '">';

        $j = 0;
        $i++;

        foreach ($row as $item) {

            $classes = array(
                'item-column', $colClass
            );

            $first = ($j == 0) ? $classes[] = 'first' : '';
            $last  = ($j == $count - 1) ? $classes[] = 'last' : '';
            $j++;

            $isLast = $j % $vars['cols_num'] == 0 && $vars['cols_order'] == 0;

            if ($isLast) {
                $classes[] = 'last';
            }

            echo '<div class="' . implode(' ', $classes) . '">' .
                 '   <div class="item-box well">' . $item . '</div>' .
                 '</div>';
        }

        echo '</div>';
    }

    echo '</div>';
}

Разве не примерно это?

 

Вы привели как есть дефолт бутсрапа для столбцов, он у меня ни на одном фреймворке не занимает промежуточных значений, с 6 сразу в 1. Впрочем, как и uikit, для uikit нашел решение по приведенной ссылке, небольшой правкой кода шаблона, для бутсрапа пока никаких версий. Кстати, на демосайтах сейчас перепроверил- тоже никаких промежуточных значений- гейм с четырех в один сразу, при сжимании окна браузера, телефоны с трех в один сразу. Для шести сразу в один это жестоко...

Сообщение отредактировал strannik_65: 13 February 2018 - 16:12

[CB9TOIIIA]

ну я значит задачу не понял окей, форумчане помогут