Странно, но у цифр в мобильном Safari шрифт меньше по размеру. Может быть там затесался какой-то тэг, который переносит цифры на другую строку ? Именно в мобильной версии, если это адаптивная верстка
Если вы хотите именно сами написать, то отслеживайте событие scroll и считывайте координату scrollTop (в случае вертикального скролла). При этом координату надо сравнивать с абсолютной позицией нужного вам блока по нужной оси.
Вы можете использовать этот config для загрузки в том же разделе сайта bootstrap, когда вам нужно будет снова кастомизировать стили. Чтобы не начинать с нуля, а править уже ваши прежние настройки.
Они же даже пишут там "Have an existing configuration? Upload your config.json to import it."
Сам плагин ничего не будет фильтровать изначально (если вы просто инициализируете).
Вам нужно при инициализации isotope находить ссылку с классом current (если есть) и брать оттуда .data('filter')
А потом инициализировать isotope с опцией {filter: '.1'}
Но вообще говоря, если у вас фильтр идет по имени класса, то ошибка ЕЩЕ в том, что классы нельзя называть, начиная с цифр. Поэтому переименуйте их во что-то типа '.c1', '.c2' и т.д. И тогда получится {filter: '.c1'}
Может быть дело в том, что плагин инициализируется быстрее, чем загружаются картинки
Попробуйте скачать плагин imagesloaded и по событию done инициализировать isotope.