Андрей

У каждого свое видение каким должен быть "правильный CSS". Зачастую понятия "правильности" у разных людей противоречат. Но это не значит, что у одного правильно, а у другого - нет. Дело в том, что в CSS по сути нет особых правил, люди их придумывают, преследуя различные цели.

Правильно ли написан Bootstrap? Правильно.
Правильно ли верстать по методологии БЭМ? Правильно.
Написан ли Bootstrap по методологии БЭМ? Нет.

Я считаю, что при верстке необходимо придерживаться определенной методологии. Это позволит делать расширяемый и легко поддерживаемый код. Методология должна быть понятна любому специалисту и документирована. А float ты используешь, flex или inline-block - это твои личные пристрастия. То же относится и к инструментам.

Простой рецепт с минимумом JS.
В мобильной версии ( media screen and (разрешение для мобильного) ) позиционируем меню абсолютно, задаем ширину и "прячем" за пределами экрана, указывая отрицательное расстояние:

width: 270px;
        left: -270px;

Добавляем переключение класса по кнопке:

$("#button").click(function () {
        $("body").toggleClass("open");
    });

Соответственно при клике по кнопке #button элементу (в данном случае прям сразу body, хотя можно и конкретно менюшке) присваивается класс open.
При наличии этого класса позиционируем меню строго слева:
left: 0;
Все остальное содержимое страницы двигаем вправо:
left: 270px;
Чтобы все это происходило плавно добавляем
transition: left 0.3s linear;
Для всех "подвижных" элементов.

Все. Появляется класс .open - все сдвигается, меню "выезжает" слева. Пропадает - все возвращается на свои места.

П.С. Надеюсь, это то, что Вам было нужно. Скачивать какой-то файл с файлообменника чтобы точно узнать Ваши потребности, я, честно говоря, не хочу. Поэтому детально в проблему углубиться не смог.

Я сталкивался. Прошло само через несколько часов. Я так понимаю, это проблемы на стороне сервера, с которого качаются расширения.

Если пользоваться строго инструментами bootstrap, специально для этого предназначенными, то применяйте дополнительный блок с классом .clearfix (getbootstrap.com/css/#helper-classes-clearfix)
который отображается только на определенных разрешениях - на тех, где наблюдается проблема. См. Responsive utilities (getbootstrap.com/css/#responsive-utilities)

На сколько я понимаю, dataType определяет тип данных, которые мы получаем от сервера. А у меня проблема с типом данных, передаваемых на сервер.
Безусловно, я попробовал Ваше решение, но получил ошибку:
TypeError: 'click' called on an object that does not implement interface HTMLElement.
Я так понимаю, что ругается на формат передаваемых данных.

П.С. Страницу целиком я передаю на сервер, чтобы ее сохранить в файл. Она создается в браузере пользователя аяксом и потом при желании ее можно сохранить в файл и скачать.

На всякий случай привожу код целиком:

$("#save-but").on('click', function () {
        var pagePath = "results/" + Math.random().toString(36).substring(2) + ".html";
        var pageContent = window.document;
        $.ajax({
            url: "constructor.php",
            type: 'POST',
            dataType: 'html',
            data: {name: pagePath,content:pageContent}
        });
    });