При верстке макета на Bootstrap 5 столкнулся с интересной проблемой — шаблон отлично отображался на всех основных браузерах и на ПК и на мобильных устройствах. При проверке готовой верстки на Mozilla Firefoxверстка слетала полностью в беспорядочные блоки и стили.

После нескольких часов поиска проблемы обнаружил, что строка подключения стилей Bootstrap:

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous" />

Содержит закрывающий слэш тега. После того как убрал тег — вся верстка встала на место.