UI Foundation
Навигация
Header widths, breadcrumbs, tabs, pagination, dropdown, offcanvas и mobile actions.
Header
Desktop header
Логотип, основные разделы, язык и один приоритетный CTA без перегруза.
Width
Header width variants
Один и тот же header проверяется в boxed, wide и full-width оболочках.
Boxed · 960px
Контентный сайт и спокойная плотность.
Wide · 1180px
Основной кандидат для desktop.
Fluid · 100%
Допустим для системных панелей и крупных экранов.
Secondary navigation
Breadcrumbs, tabs и pagination
Внутренняя навигация остаётся предсказуемой и keyboard-доступной.
Pagination
Tabs
Mobile navigation
Dropdown и offcanvas
Bootstrap используется там, где его runtime-контракт достаточен; mmenu не загружается в parent document.
Optional pattern
Mobile bottom actions
Дополнительный паттерн для критических маршрутов; должен пройти UX-проверку до включения.