2012-06-27 3 views
1

Я нахожусь в процессе создания сайта, который хотел бы быть отзывчивым. Я использую загрузку Twitter, чтобы помочь с этим. Мне удалось заставить большинство из них работать, но несколько элементов на сайте не играют в мяч. Теперь, возможно, я просто пропустил очевидное, но был бы признателен, если бы кто-нибудь мог указать, где я поступил неправильно, чтобы 1) я мог исправить проблемы и 2) учиться на своих ошибках.Fluid Layout (Twitter Bootstrap)

Сайт находится в http://growing-mist-5023.herokuapp.com/, а часть im, пытающаяся исправить, - это поляроиды по центру страницы под ползунком. Все конструктивная критика приветствуется, как я пытаюсь научиться (хотя из моих ошибок), и любые предложения приветствуются

Благодаря

ответ

1

вы можете заменить <div class="row"> с <div class="row-fluid"> на 2-ом уровне родителя вашего .polaroid

Я не «т думаю, что вы можете сохранить тот же макет под 768px (рисунок ниже с 480px)

480px width

Я рекомендовал бы использовать другой класс в верхней части .span3 и использовать медиа-запросы, чтобы переопределить поведение .span3 под 768 для создания центрированного 2x2.

+0

спасибо за ваш ответ, я был обеспокоен размером каждого поляроида? или будет текучая строка решить эту проблему – Richlewis

+0

@ Richlewis посмотреть мой обновленный ответ – baptme

+0

Можете ли вы предоставить пример медиа-запроса для создания этого централизованного представления 2x2? было бы очень благодарно – Richlewis