Пули Foundation Orbit не центрируются при использовании show-for-small

Я хотел бы иметь какую-то навигацию для слайдера при просмотре на мобильном устройстве. Поскольку стрелки направления не будут отображаться на мобильных устройствах (если кто-нибудь может сказать, как их сделать, это было бы здорово), я подумал, что хорошим решением будет другой слайдер с теми же изображениями, то есть «показ для маленьких». а под ним пули.

Это работает, но есть проблема, которая меня убивает. Если вы загружаете страницу с широким окном браузера (рабочий стол) и масштабируете до ширины мобильного устройства, ползунки переключаются, но маркеры не центрируются. Они кажутся смещенными вправо. Если вы перезагрузите страницу с такой мобильной шириной, они будут в порядке, идеально отцентрированы под изображением.

Кто-нибудь знает, как это исправить? Я создал страницу, чтобы продемонстрировать проблему. www.jonesco.com/_foundation/bullet_problem.html

Спасибо


zurb-foundation bulletedlist orbit
person Wes Jones    schedule 14.01.2013    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Добавьте в свою таблицу стилей следующее:

.orbit-bullets {
    display: table;
    text-align: center; 
}
person Polemistis D'Gnosis    schedule 19.11.2013