Bootstrap автоматически адаптируется ваши страницы для различных размеров экрана. Для отключения адаптивности вам нужно выполнить несколько шагов
1. Нужно убрать мета-тэг
1 |
<meta name="viewport" content="width=device-width, initial-scale=1"> |
он находится между тэгами head
2. Необходимо перекрыть ширину класса .container это можно сделать следующим образом
1 2 3 |
.container{ width:960px !important; } |
Важный момент заданный стиль должен затирать родной стиль bootsrap.
3. Везде в сетке используйте класс .col-xs (зачем это надо -хз… скорее всего без этого можно обойтись)
4. Возможно подключите php класс детектирующий мобильные версии, и тогда надо заменять пунк 2. Например по условию на мобилу добавить класс к body (.wrapper_body)
и от этого переопределить класс, тогда можно обойтись без импортант
1 2 3 |
.wrapper_body .container{ width:960px ; } |