NavBar Bootstrap 4, как не скрывать некоторые пункты в мобильных экранах?

Question

[Дмитрий]

Как в Bootstrap 4 navbar, не скрывать некоторые пункт при адаптиве? То есть при ширине 1200px, необходимо скрыть все пункты кроме двух без дублирования. Как это можно сделать?

Ссылка на код: https://codepen.io/moiseev1788/pen/eYZvxbG?editors=1000

Comments

[Виктор Таран]

ну прописать на каждый пункт кроме нужных соответствующие классы
Но скорее всего это проще сделать уже на самом сайте, поскльку даже скрытый контент будет генерироваться на php. А учитывая что нынче гугл уж сильно рьяно относится к скорости то было бы целесообразно это отдать на откуп php. Там и кеш компонентов и тд и тп.
Но все от задачи. Если у вас там есть количество элементов и партянка товаров это одно.
Если там "новости" с прямым хрефом это другое.

Answer 1

[Антон Антон]

Скопировать, переключать по брекпоинтам
https://codepen.io/FragsterAt/pen/MWypxqq?editors=1000

Comments

[Дмитрий]

Спасибо за решение, но как сделать, чтобы не дублировать пункты?

[Антон Антон]

никак