Перейти к содержанию

Помогите с версткой, 4 DIV`а в ряд (Responsive)


poreeff

Рекомендуемые сообщения

Ребята, помогите пожалуйста с версткой. нужно на пустой странице (Pages) разместить 4 "блока" в ряд, расстояние между ними 10px, каждый блок - ссылка (и свой фон).
Ни чего не понимаю в бутстрапе, попытался - проковырялся час и в голове еще больше каша...
Мне нужно 4 блока на ПК вывести в ряд, на Планшете - в два ряда (по два блока в строке), а на Телефоне "построчно"...
Вот пример:

Image 3.png

Помогите плиз, уже мозг кипит :(

Ссылка на комментарий
Поделиться на другие сайты

ACP > Customization > Themes > Ваш скин > edit > Custom > Enable responsiveness

 

screencapture-ipbdesign-admin-1488210894303.png

Ссылка на комментарий
Поделиться на другие сайты

21 час назад, poreeff сказал:

нужно на пустой странице (Pages) разместить 4 "блока" в ряд, расстояние между ними 10px, каждый блок - ссылка (и свой фон).

Раз https://invisionpower.com/4guides/themes-and-customizations/css-framework/layout-grids-r90/

Плюс два https://invisionpower.com/4guides/themes-and-customizations/javascript-framework/using-ui-widgets/ipsuigrid-r53/

Ссылка на комментарий
Поделиться на другие сайты

@kgb Спасибо, именно по ним сделал то - что нужно))9_9

Ссылка на комментарий
Поделиться на другие сайты

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...