0

Можно ли например на больших экранах использовать container, а при уменьшении до маленьких удалить отступы, тоесть использовать container-fliud? Может есть другой грамотный способ? Спасибо за любую информацию.

1
  • А что мешает использовать просто container? Отступы (левый-правый) задаются в колонках, не в контейнере.
    – labris
    3 апр 2017 в 15:27

1 ответ 1

0

Покажу основных 2 способа которых я использую.

$(window).resize(function(e){
     if ($(window).width() < 1196) { //1169
        $(".wrapper > .container").removeClass("container").addClass("container-fluid");
    }
    else if($(window).width() > 1196) { // 1169
        $(".wrapper > .container-fluid").removeClass("container-fluid").addClass("container");
    }
});

При уменьшении окна в браузере через jQuery

Также основной способ используя чистый javascript рекoмендую использовать их обоих

var windowsSize=function(){

        let w = document.documentElement.clientWidth;

        if (w < 1196) {
            (".wrapper > .container").removeClass("container").addClass("container-fluid");

        }
        else if (w > 1196) {
            (".wrapper > .container-fluid").removeClass("container-fluid").addClass("container");

 }; 
windowSize();

Ключевой момент чтобы знать какой container взять я поставил перед ними wrapper чтобы взять самый первый который находятся внути основного блока

2
  • Спасибо большое, это то что мне нужно! 8 мар 2018 в 12:45
  • @AndreiKazmirovich рад помочь =)
    – Randall
    8 мар 2018 в 12:46

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.