Невозможно использовать фильтр Quicksand.js в ограниченном пространстве контейнера

Кто -нибудь может помочь? Я ломал голову сейчас или около того.

В основном я пытаюсь добавить галерею на страницу, которая использует twitter-bootstrap и плагин quicksand.js. Я подумал, что это будет легко реализовать, так как я нашел этот хороший шаблон сайта от DXThemes. Вот демо. http://demo.dxthemes.com/html/tabulate если вы нажмете на портфолио 4 цв. Это то, что я после.

Галерея должна иметь 4 колонки. В bootstrap.css и style.css есть несколько контейнеров для разных размеров и т. Д. Для адаптивного дизайна, с которым я играл и модифицировал.

Я пытался заставить его работать на созданной мной странице, но, похоже, недостаточно места для контейнера, чтобы фактически выполнить эффект фильтра. Ничто из того, что я сделал, похоже, не работает. Я изменил поля, ширину и т. Д. Для контейнеров и строк из исходных файлов CSS, чтобы сделать контейнер меньше, чтобы поместиться в пространство.

Он отлично работал во время моей фазы тестирования, не помещая его в нужную страницу. Вот тестовая страница, которую я пытаюсь вставить.

http://www.hlipublishing.com/nmg/myscratch.html

Если кто-нибудь может помочь мне с этим, будет очень признателен, спасибо.

1 ответ

Я удалил измененные стили и заменил их оригиналами, теперь, похоже, это работает. Не совсем уверен, в чем проблема, но, похоже, что-то связано с шириной контейнера. Если это не точно, это не будет работать. Так что мне придется вернуться и изменить стиль.

Рабочая версия

Другие вопросы по тегам