1. Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела
    Скрыть объявление

[Помогите] Блоки с разным фоном и контейнером bootstrap

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем AlexGood, 15 авг 2019.

  1. AlexGood

    AlexGood

    Регистрация:
    28 ноя 2016
    Сообщения:
    254
    Симпатии:
    7
    Последнее редактирование: 15 авг 2019
  2. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    3.198
    Симпатии:
    1.306
    Так речь идёт о фоне под container или о фоне в самом container?
    И container в Бутстрап не может иметь ширину 1920, если вы только сами её не задали.

    В любом случае можно для фона использовать горизонтальный градиент без плавного перехода.
    Здесь можно для него код сгенерировать: https://www.colorzilla.com/gradient-editor/
     
    AlexGood нравится это.
  3. AlexGood

    AlexGood

    Регистрация:
    28 ноя 2016
    Сообщения:
    254
    Симпатии:
    7
    О фоне под container получается... в контейнере без проблем можно все сделать
    В бутстрапе да сам прописывал разрешение 1920 для контейнера - а что так нельзя? просто хотят размер содержимого контейнера 1920
    А как тогда градиент сделать чтобы он точно имел границы относительно блока в контейнере а не сдвигался при изменении разрешения
    Может я как-то не так объяснил.
    Вот попробовал иначе: https://prnt.sc/otcqr1
    А при изменении разрешения: http://prntscr.com/otctnh
     
    Последнее редактирование: 16 авг 2019
  4. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    3.198
    Симпатии:
    1.306
    А как же адаптивность?
    Если нужен контейнер на всю ширину экрана есть container-fluid.


    Всё равно не понятно чей это фон.
    Но ответ остаётся тем же: градиент.

    Если он сдвигается, значит где-то ошибка в концпеции.
    Вероятно, ошибка в том, что container не адптивный, а блок с фоном адаптивный. Нужно тогда фиксировать и у фона ширину.
    Но делать неадаптивный сайт в 2019 - это полнейшая халтура.
     
    AlexGood нравится это.
  5. AlexGood

    AlexGood

    Регистрация:
    28 ноя 2016
    Сообщения:
    254
    Симпатии:
    7
    Видимо я не могу нормально объяснить (((
    Сайт будет адаптивный, но контейнер будет начинаться с разрешения 1920 и на уменьшение, сам блок меню слева с белым фоном и все что за его пределами по левой стороне тоже белого цвета и и на всю высоту экрана, а с правого аналогично, только другого цвета
     
  6. AlexGood

    AlexGood

    Регистрация:
    28 ноя 2016
    Сообщения:
    254
    Симпатии:
    7
    Или может как-то так можно сделать?
    Разный фон относительно сторон контента?
    https://prnt.sc/ouix46
     
  7. Dotrox

    Dotrox Команда форума

    Регистрация:
    27 ноя 2012
    Сообщения:
    3.198
    Симпатии:
    1.306
    Это сложнее.

    Вот то, о чём я писал выше: https://jsfiddle.net/fa3hroy7/
     
    AlexGood нравится это.
  8. AlexGood

    AlexGood

    Регистрация:
    28 ноя 2016
    Сообщения:
    254
    Симпатии:
    7
    Dotrox, :Drinks: я сегодня так и сделал... только то, что объясняли ранее до меня только сегодня дошло :Mocking: