Механизм включения/выключения Bootstrap-адаптивности для сайта — как реализовать переход на полную версию сайта?

Question

[Леонид]

Имеется сайт, сверстанный при помощи Bootstrap 3

Есть задача добавить ссылку на сайте с подписью: "Полная версия сайта" - чтобы кликнув по ней пользователь на любом устройстве с любой диагональю видел бы сайт без Bootstrap-адаптивности под его устройство.

Т.е. по сути нужна кнопка включения/выключения Bootstrap-адаптивности.

p.s.: пожалуйста, не предлагайте делать отдельную мобильную версию сайта, вопрос именно такой каков он есть и связан с наличием всего одной (единой) адаптивной версии сайта.

Answer 1

[Big_person]

Адаптивная верстка на то и адаптивная, что не требует какого-либо переключения.
Все компоненты располагаются на странице согласно сетке getbootstrap.com/css/#grid
Для скрытия и отображения отдельных блоков используйте утилиты адаптивности getbootstrap.com/css/#responsive-utilities

Если же нужно именно отключить адаптивность, тогда используйте <meta name="viewport" content="width=1024" >

Answer 2

[Леонид]

Не внимательно читал руководство по Bootstrap'у, оказалось всё довольно просто: bootstrap-3.ru/getting-started.php#disable-responsive

Comments

[disday]

Леонид , добрый день! Тоже столкнулся с такой задачей - реализовать именно механизм отключения/включения адаптивности, не просто отключить. Как вы это решили?

[Леонид]

disday, здравствуйте. Вот честно, к своему стыду, уже совсем не помню как решил эту проблему... попробуйте поискать так, например: https://www.google.com/search?ei=_UUkXazjJ_ChrgSxq...

Answer 3

[Алекс Глебов]

смотреть с телефона
creativeandcode.com/demos/responsive-view-full-sit...

Answer 4

[tridcatij]

Как вариант - вынести все медиа-запросы в отдельный css-файл. И просто подключать/отключать его когда нужно.

Answer 5

[disday]

Леонид , добрый день! Тоже столкнулся с такой задачей - реализовать именно механизм отключения/включения адаптивности, не просто отключить. Как вы это решили?