• 0
incub

Как сверстать картинку, выходящую за сетку бутстрап?

    Вопрос

    incub

    Как сверстать картинку, выходящую за сетку бутстрап? Как лучше сверстать это!

    84f6f28014b0.png

    Изменено пользователем incub

    Поделиться сообщением


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

    13 ответов на этот вопрос

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

    • 0
    Schamil74

    Код в студию

    Поделиться сообщением


    Ссылка на сообщение
    Поделиться на других сайтах
    • 0
    incub

    Как лучше реализовать это?

    Поделиться сообщением


    Ссылка на сообщение
    Поделиться на других сайтах
    • 0
    Schamil74

    Я же не знаю как ты разметил. И как стилизовал.

    Покажи и посмотрим

    ААА, так ты вообще еще ничего не делал)))))))

    Поделиться сообщением


    Ссылка на сообщение
    Поделиться на других сайтах
    • 0
    incub
    5 минут назад, Schamil74 сказал:

    Я же не знаю как ты разметил. И как стилизовал.

    Покажи и посмотрим

    ААА, так ты вообще еще ничего не делал)))))))

    Я не разметил, я не знаю как это сделать(

    Поделиться сообщением


    Ссылка на сообщение
    Поделиться на других сайтах
    • 0
    Schamil74

    Интересный ты  человек)))

    Может хотя бы для начала стоит ознакомиьтся с документацией bootstrap 3 или 4. Мануалов на русском куча.

    Любая картинка влезет.

    Почитай про сетку bootstrap и все поймешь.

     

    Поделиться сообщением


    Ссылка на сообщение
    Поделиться на других сайтах
    • 0
    andrey7287
    50 минут назад, incub сказал:

     

    Как сверстать картинку, выходящую за сетку бутстрап?

     

    Не вставлять её в сетку. 

    • Like 1

    Поделиться сообщением


    Ссылка на сообщение
    Поделиться на других сайтах
    • 0
    incub
    1 час назад, Schamil74 сказал:

    Интересный ты  человек)))

    Может хотя бы для начала стоит ознакомиьтся с документацией bootstrap 3 или 4. Мануалов на русском куча.

    Любая картинка влезет.

    Почитай про сетку bootstrap и все поймешь.

     

    на макете подругому

    Поделиться сообщением


    Ссылка на сообщение
    Поделиться на других сайтах
    • 0
    Schamil74
    48 минут назад, andrey7287 сказал:

    Не вставлять её в сетку. 

    :D все логично

    Поделиться сообщением


    Ссылка на сообщение
    Поделиться на других сайтах
    • 0
    Svetlana_P

    Обернуть сетку еще одним контейнером, который будет на всю ширину и с заданным фоном. Почему так не хотите?

    Поделиться сообщением


    Ссылка на сообщение
    Поделиться на других сайтах
    • 0
    incub
    2 часа назад, Svetlana_P сказал:

    Обернуть сетку еще одним контейнером, который будет на всю ширину и с заданным фоном. Почему так не хотите?

    Можно по подробней?

    Поделиться сообщением


    Ссылка на сообщение
    Поделиться на других сайтах
    • 0
    Svetlana_P

    Например, так https://www.bootply.com/FIwR95T6nK . Через before. Тогда и с адаптивностью нормально будет, если докрутить. Для телефона вообще можно убрать фотку. Но всё зависит от вашего шаблона для меньших экранов.

    Так https://www.bootply.com/GQbzZa143t без before, но с адаптивностью плохо.

    Наверняка еще можно что-то придумать. Смотря какой уже есть код на странице.

    Поделиться сообщением


    Ссылка на сообщение
    Поделиться на других сайтах
    • 0
    Crossfield

    Почему бы просто не задать картинку бэкграундом?
    Так же можно расположить её с абсолютным позиционированием.

    Поделиться сообщением


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

    Создайте аккаунт или войдите в него для комментирования

    Вы должны быть пользователем, чтобы оставить комментарий

    Создать аккаунт

    Зарегистрируйтесь для получения аккаунта. Это просто!

    Зарегистрировать аккаунт

    Войти

    Уже зарегистрированы? Войдите здесь.

    Войти сейчас

    • Войти через Facebook
    • Войти через Twitter
    • Войти через Microsoft
    • Войти через LinkedIn
    • Войти через Google

    • Похожие публикации

      • mcMega
        Автор: mcMega
        Всем привет!
        Столкнулся с проблемой, сервер может обрабатывать не более 5 запросов одновременно, поэтому приходится вставлять некоторые элементы прямо в index.htm
        Сейчас реализовано как ссылка
        <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> или <link rel="shortcut icon" href="favicon.png" type="image/png"> но нужно код картинки вставить прямо в htm чтоб убрать лишние запросы к серверу.
        Как вставить исходный код вместо ссылки на favicon или иные картинки?
      • Crushing
        Автор: Crushing
        Предлагаю оставлять в этой теме задачки для новичков, всякие задания по типу: Сделать калькулятор который будет отнимать и прибавлять от одного числа другое. И оставлять готовое решение сразу, что бы если возникают проблемы можно было решить.
    • advertisement_alt
    • advertisement_alt
    • advertisement_alt