Уроки по программированию

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

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

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

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

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

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

.container{
	width:960px !important;
}

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

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

Комментарии к статье

  • Аватарка 23.05.2015
    Ответить Роман Колесник

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

  • Аватарка 06.04.2016
    Ответить Алекс Трусов

    спасибо

  • Аватарка 04.07.2016
    Ответить Павел

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

  • Аватарка 14.04.2017
    Ответить Жанат

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

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

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

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

  • Аватарка 14.06.2017
    Ответить Максим Дроздов

    можно и так

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

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