Вопросы по адаптивной вёрстке и не только...

# Simba (08.01.2020 / 17:38)
Ну тогда отключи вообще все js и посмотри что будет.
Где-то может тег не закрыл какой-то и т.д. Ищи в общем. Вспоминай после чего такое стало и ищи причин в изменениях.

при отключении вот этого плагина - начинает работать

# Simba (08.01.2020 / 17:38)
Ну тогда отключи вообще все js и посмотри что будет.
Где-то может тег не закрыл какой-то и т.д. Ищи в общем. Вспоминай после чего такое стало и ищи причин в изменениях.

вообщем не заморачивайся с этим, я сам затупил чё то, это из snap, без этого ratchet тоже работает

Такой вопрос встал в связи с крошками в новой версии...
В оригинале выглядит так

<?php if (! empty($breadcrumbs)): ?>
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            <?php foreach ($breadcrumbs as $breadcrumb): ?>
                <li class="breadcrumb-item <?= ! empty($breadcrumb['active']) ? 'active' : '' ?>">
                    <?php if (! empty($breadcrumb['url'])): ?>
                        <a href="<?= $breadcrumb['url'] ?>"><?= $breadcrumb['name'] ?></a>
                    <?php else: ?>
                        <?= $breadcrumb['name'] ?>
                    <?php endif; ?>
                </li>
            <?php endforeach; ?>
        </ol>
    </nav>
<?php endif; ?>

А я в шаблоне пока этому внимания не уделял и у меня в шаблоне это выглядит так:

<div class="section-nav-m">
                        <a href="#">Главная</a> <i class="fal fa-angle-right"></i> Новости
                    </div>

где

<i class="fal fa-angle-right"></i>

- иконка (ну может заменю на обычный слэш)
ну и получается что при подстраивании своего шаблона код будет выглядеть так

<?php if (! empty($breadcrumbs)): ?>
    <div class="section-nav-m">
            <?php foreach ($breadcrumbs as $breadcrumb): ?>
                <?= ! empty($breadcrumb['active']) ? 'active' : '' ?> - вот это до меня не доперает, что это...
                    <?php if (! empty($breadcrumb['url'])): ?>
                        <a href="<?= $breadcrumb['url'] ?>"><?= $breadcrumb['name'] ?></a>
                    <?php else: ?>
                        <?= $breadcrumb['name'] ?>
                    <?php endif; ?>
                </li>
            <?php endforeach; ?>
    </div>
<?php endif; ?>

и надо сделать что бы разделители между ссылками слэш или иконка были, но здесь если просто после ссылки вписать - то будет лишний символ
к примеру получается вот так

<?= ! empty($breadcrumb['active']) ? 'active' : '' ?> - вот это до меня не доперает, что это...

Добавляется класс active для последнего элемента.

# Simba (10.01.2020 / 11:16)
Добавляется класс active для последнего элемента.

ну а как у последнего элемента убрать слэш или иконку?
или у этого класса content: '/'; ?

# cuHyc (10.01.2020 / 11:19)
ну а как у последнего элемента убрать слэш или иконку?
или у этого класса content: '/'; ?

https://getbootstrap.com/docs/ ... rumb/
в _variables.scss добавь переменную $breadcrumb-divider: none; если тебе не нужен разделитель.
Там же указано как его заменить.

потому что пишу так

<a href="<?= $breadcrumb['url'] ?>"><?= $breadcrumb['name'] ?></a>
<i class="fal fa-angle-right"></i>

ну тут видимо какая то хитрость)))
ведь последнему элементу не нужно дописывать

<i class="fal fa-angle-right"></i>

Ну можешь использовать проверку на active или получить последний элемент массива и проверять если это он, то не выводить иконку. Короче вариантов масса. Но лучше сделай по нормальному и замени бутстраповскую иконку и не изобретай велосипед.

Добавлено: 10.01.2020 / 11:38

# Simba (10.01.2020 / 11:29)
Ну можешь использовать проверку на active или получить последний элемент массива и проверять если это он, то не выводить иконку. Короче вариантов масса. Но лучше сделай по нормальному и замени бутстра

но я не юзаю бутстрап - для меня это тёмный лес, грунт - не грунт, я как бы вообще ничего бутстраповского в шаблоне не использую... не ну можно с помощью :last-child попробовать

Добавлено: 21.01.2020 / 03:41
Вообщем все таки bootstrap классная штука, Че то как то не хотелось его по началу усваивать... Сейчас вопрос такой возник, вот есть стандартная цветовая схема, менять её можно добавлением своих классов, но сейчас застопорился на фокусе элементов - цвет бордера при нажатии, только это не бордер, а типо outline и вот как его цвет настроить? Подскажите кто нибудь - блин в bootstrap.min.css что то искать это вообще жуть ...

cuHyc, Через файл variables.scss надо настраивать bootstrap, но для этого тебе надо осилить сборщики.