Отключаем адаптивность Bootstrap

Bootstrap автоматически адаптируется ваши страницы для различных размеров экрана. Для отключения адаптивности вам нужно выполнить следующие шаги:

1. Нужно убрать мета-тэг

<meta name="viewport" content="width=device-width, initial-scale=1">

он находится между тэгами head

2. Необходимо перекрыть ширину класса .container это можно сделать следующим образом

.container{
	width:960px !important;
}

Важный момент заданный стиль должен затирать родной стиль bootsrap.

3. Везде в сетке используйте класс .col-xs-

5 комментариев на «“Отключаем адаптивность Bootstrap”»

  1. Роман Колесник:

    на заметочку!
    очень полезная статья спасибо вам!

  2. Алекс Трусов:

    спасибо

  3. Павел:

    Спасибо большущее, помогло!

  4. Жанат:

    все сделал, помогло. Спасибо!

    Только появилась небольшая проблема. Ширина контента стала мала, я так понял она стоит теперь на 960. Если в
    .container{
    width:960px !important;
    }

    Делаю 1200 или больше. То в мобильной версии все выскакивает за края. Как это вылечить?

    Ссылка obuchenie-za-rubezhom.kz

  5. Максим Дроздов:

    можно и так

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *