RodgerFox
@RodgerFox

[Есть решение] Как правильно организовать навигацию (для мобильных)?

Всем привет!
Подскажите как лучше организовать навигацию как у эпл (прим. www.apple.com/ru/mac ), т.е. при мобильных идет слайдер навигации, а для широкоформатных его нет. Ищу решения желательно без js.
Делаю на бутстрапе, но ничего подходящего в нем нету.
Сейчас структура:
<div>
<nav>
  <a href="#">link</a>
  <a href="#">link</a>
  <a href="#">link</a>
</nav>
</div>

Можно создать обертку для nav, но как быть с шириной для nav?
Решение:
nav {
overflow-x: scroll;
white-space: nowrap;
}
a {
display: inline-block;
white-space: normal;
}

Можно как то закрыть вопрос, но не удалять его?
  • Вопрос задан
  • 159 просмотров
Пригласить эксперта
Ответы на вопрос 1
@IceJOKER
Web/Android developer
в bootstrap как раз таки есть много чего подходящего, там есть готовые классы для вывода/скрытия тех или иных элементов в зависимости от девайсов(ширины девайсов), читайте документацию - getbootstrap.com/css/#responsive-utilities
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы