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

Bootstrap 4 отключить адаптацию ниже 1200

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем AnOcToJI, 20 май 2018.

  1. AnOcToJI

    AnOcToJI

    Регистрация:
    28 дек 2012
    Сообщения:
    309
    Симпатии:
    188
    Доброго времени суток...
    Случилась такая проблема, я не ожидал что это станет проблемой, так как на 3 отключал всё легко
    тут же несколько часов плясок на костылях не дают вообще результата
    есть сайт его рабочее пространство это 1200-1920 ниже не должно ничего адаптироваться, но как бы я не задавал ширину контейнерам он всё равно адаптируется и сетка тупо валится так как не рассчитана она на меньшее и не должна быть рассчитана.
    точнее если контейнерам ширину указать всё нормально ширина контейнеров нормальная, а вот дальше col`ы валятся
    Как зафиксироваться на ширине 1200?
     
  2. $iD

    $iD Команда форума

    Регистрация:
    13 мар 2012
    Сообщения:
    3.580
    Симпатии:
    1.482
    взять скачать sass версию, и собрать бутстрап без media < 1200
     
  3. Nickbur

    Nickbur

    Регистрация:
    9 май 2018
    Сообщения:
    9
    Симпатии:
    6
    Не проверял работает ли, но пришло в голову:

    <style>
    @media (min-width: 1200px) {
    @import url('/bootstrap.css');
    }
    </style>
     
  4. AnOcToJI

    AnOcToJI

    Регистрация:
    28 дек 2012
    Сообщения:
    309
    Симпатии:
    188
    нет к сожалению такое не работает, сами col ещё адаптируются без медии

    ну это совсем печаль)) вы мне предложили отрубить всю сетку бутстрапа, вы хоть последствия осознаёте?))


    P.s: решение как я понял только одно
    указываем контейнерам минимальную ширину и колонкам так же минимальную ширину, только после этого сетка не сыпится на меньших разрешениях
     
  5. $iD

    $iD Команда форума

    Регистрация:
    13 мар 2012
    Сообщения:
    3.580
    Симпатии:
    1.482
    ты просто не смотрел в sass, там всё конфигуряется как хочешь.
     
  6. AnOcToJI

    AnOcToJI

    Регистрация:
    28 дек 2012
    Сообщения:
    309
    Симпатии:
    188
    что конкретно вы предлагаете в scss поменять?
     
  7. $iD

    $iD Команда форума

    Регистрация:
    13 мар 2012
    Сообщения:
    3.580
    Симпатии:
    1.482
    Закинь куда-нибудь свой шаблон, чтобы можно было смотреть и редактировать. Т.к. мне лень накидывать вёрстку чтобы тестить
     
  8. AnOcToJI

    AnOcToJI

    Регистрация:
    28 дек 2012
    Сообщения:
    309
    Симпатии:
    188
    вёрстка то зачем? вроде же про сасс самого бутстрапа речь шла, чтобы там что-то изменить чтобы потом откомпилить.
     
  9. $iD

    $iD Команда форума

    Регистрация:
    13 мар 2012
    Сообщения:
    3.580
    Симпатии:
    1.482
    Это не то, что ты ищешь http://jsfiddle.net/jcolicchio/kNB3c/ ?

    или если < 1200 то должен появляться скролл

    p.s. ну или сделай так же как и я с бутстрап 3 чтобы было понятно чего ты ждёшь
     
  10. Nickbur

    Nickbur

    Регистрация:
    9 май 2018
    Сообщения:
    9
    Симпатии:
    6
    Печаль - это юзать бутстрап и потом выковыривать из него ключевой функционал. Вам предложен лишь набросок техники, которую можно использовать с внесением коррективов.
     
  11. Dotrox

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

    Регистрация:
    27 ноя 2012
    Сообщения:
    3.198
    Симпатии:
    1.306
    Это не сработает, Бутстрап ещё с третьей версии стал mobile first, то есть, там media идут по нарастающей и нет media < 1200, есть >1200 и там только отличия от всех более мелких вариантов. То есть, если убрать все стили до этого media, то всё вообще в кашу превратится.

    Если сайт фиксированный, то можно опять же SASS воспользоваться и просто поперебивать ширину для всех col с процентов на фиксированные значения.
     
  12. AnOcToJI

    AnOcToJI

    Регистрация:
    28 дек 2012
    Сообщения:
    309
    Симпатии:
    188
    Nickbur, не мои капризы, а заказчика и бутстрап 4 и фиксация после 1200, как по мне там бутстрап не нужен был вовсе... но может на перспективу
    Dotrox, сайт фиксированный только на ширине ниже 1200, от 1200 до 1920 он адаптируется, ну как адаптируется, тянется да и всё
    $iD, да я уже понял что только задавать фиксированные значения кулам через медию на разрешениях ниже 1200

    Спасибо, что пытались помочь))
     
  13. $iD

    $iD Команда форума

    Регистрация:
    13 мар 2012
    Сообщения:
    3.580
    Симпатии:
    1.482
    ну, я к тому и веду, что можно самому сделать как хочется, просто нужно собрать из sass