Почему в браузере подтягиваются стили только одного класса сетки flexboxgrid?

У меня проект на рельсах (может это имеет какое-то значение). В качестве сетки решила использовать флексбоксовскую сетку flexboxgrid В мануале написано, что можно написать в одну строку классы по типу col-xs-12 col-sm-8 (и тп, как в бутстрапе прям) и будет счастье - в зависимости от разрешения будет работать тот или иной класс и менять ширину блока. Все сделала по инструкции. Итог - в браузере (любом) подтягивается только класс col-xs-12. Как так-то? Магия какая-то... Такое ощущение, что вьюпорт не отслеживается, хотя у меня есть в голове мета-тег

meta name="viewport" content="width=device-width, initial-scale=1

В кодпене все работает, что со мной и моим проектом не так?!))