Уезжает footer?

Question

[Aleksandr]

Решил тут попробовать boostrap 3 в проекте. Все шло более менее, пока не дошел до footer.
При ресайзе до моб экрана footer начинает вести себя неадекватно. Подскажите, в чем может быть проблема. Собственные поиски не дали результатов.
Вот ссылка на пример

UPDATE: если проинспектить футер, видно, что все равно он уехал вверх.

Answer 1

[HamSter]

проблема в .flex-between { ... display: flex; ...}

Убирает прокрутку justify-content: flex-end;

*если, конечно, в этом проблема

+.footer { clear: both; }

Comments

[Aleksandr]

Проблема действительно оказалась в этом классе.

[Aleksandr]

Проблема не решена) если проинспектить футер, видно, что все равно он уехал вверх.

[HamSter]

Александр Котов: тогда не понятно, в какой верх он уезжает именно на мобильном разрешении

[Aleksandr]

HamSter: Ну, Вы попробуйте сжать например до 400px экран, наведите на футер в DevTools и поймете.

[Aleksandr]

HamSter: Вот, обновил ссылку codepen.io/anon/pen/pbjPWy

[HamSter]

Александр Котов: для footer clear: both; попробуй задать! А вообще такая структура "news hidden-md hidden-sm hidden-lg visible-xs col-xs-12 center-block" должна во что-то обернута быть, к примеру в .row

[Aleksandr]

HamSter: И опять спасибо )

[HamSter]

Александр Котов: =)