Задать вопрос
drymind404

Evgeny Zaharov

front-end разработчик
Ответы пользователя по тегу Bootstrap

  • Как сделать адаптивную необычную плитку с картинками (как на скрине)?

    drymind404
    @drymind404
    front-end разработчик 
    div.container
  div.col-6
  div.col-3
  div.col-3
    div.container
      div.col-12
      div.col-12


    Где div.col-12 с высотой в 50%. Всем col паддинги, но нужны в 2 раза меньше нижний паддинг у верхнего .col-12 и верхний паддинг у нижнего.
    Ответ написан
    Комментировать
    Комментировать

  • Размеры в Bootstrap?

    drymind404
    @drymind404
    front-end разработчик
    Вообще их 5 - есть еще xs (extra-small), который является наименьшей единицей размерности. Если нужно применить что-то к такому разрешению, не нужно указывать xs в названиях классов, то есть, col-12 например будет элементом, который занимает 12 колонок, начиная с xs разрешения, а col-sm-12 уже с sm разрешения.
    Ответ написан
    Комментировать
    Комментировать

  • Как в bootstrap поменять размеры container подобным образом?

    drymind404
    @drymind404
    front-end разработчик
    Согласно стандартным значениям, @container-md, -sm, -lg принимают размер @container-desktop, -tablet, -large-desktop соответственно. Значит, при изменении @container-desktop, -tablet, -large-desktop, вы измените и значения @container-md, -sm, -lg. А @container-xs, если я не ошибаюсь, имеет размер 100%, ведь в стандартном bootstrap с мобильных устройств контейнер принимает ширину всей страницы, а контент не прижимается к краям экрана из-за padding.
    Поэтому изменяйте значения пикселей @container-desktop, если хотите поменять для десктопа, @container-large-desktop, если для больших десктопов и @container-tablet для планшетов. Видимо, для телефонов изменить размер контейнера конкретно в кастомизаторе поля не дано, и это правильно по идее)

    5a525c8e94976757011905.png
    Ответ написан
    Комментировать
    Комментировать