Bootstrap автоматически адаптируется ваши страницы для различных размеров экрана. Для отключения адаптивности вам нужно выполнить следующие шаги:
1. Нужно убрать мета-тэг
<meta name="viewport" content="width=device-width, initial-scale=1">
он находится между тэгами head
2. Необходимо перекрыть ширину класса .container это можно сделать следующим образом
.container{
width:960px !important;
}
Важный момент заданный стиль должен затирать родной стиль bootsrap.
3. Везде в сетке используйте класс .col-xs-
на заметочку!
очень полезная статья спасибо вам!
спасибо
Спасибо большущее, помогло!
все сделал, помогло. Спасибо!
Только появилась небольшая проблема. Ширина контента стала мала, я так понял она стоит теперь на 960. Если в
.container{
width:960px !important;
}
Делаю 1200 или больше. То в мобильной версии все выскакивает за края. Как это вылечить?
Ссылка obuchenie-za-rubezhom.kz
можно и так