The mechanism for enabling / disabling Bootstrap responsiveness for the site - how to implement the transition to the full version of the site?

Question

css

There is a site made with Bootstrap 3.
There is a task to add a link on the site with the caption: " Full version of the site " - so that by clicking on it, the user on any device with any diagonal would see the site without Bootstrap adaptability to his device.
Those. in fact, you need a button to enable / disable Bootstrap responsiveness.
ps: please do not offer to make a separate mobile version of the site, the question is exactly what it is and is connected with the presence of only one (single) adaptive version of the site.

Answer 1

Responsive layout is adaptive, which does not require any switching.
All components are placed on the page according to the grid getbootstrap.com/css/#grid
To hide and show individual blocks, use the responsive utilities getbootstrap.com/css/#responsive-utilities
If you just need to turn off responsiveness, then use<meta name="viewport" content="width=1024" >

Answer 2

I did not carefully read the Bootstrap manual, everything turned out to be quite simple: bootstrap-3.ru/getting-started.php#disable-responsive

Answer 3

watch on your phone
creativeandcode.com/demos/responsive-view-full-sit...

Answer 4

Alternatively, put all media queries in a separate css file. And just connect / disconnect it when you need it.

Answer 5

Leonid , good afternoon! I also faced such a task - to implement exactly the mechanism for disabling / enabling adaptability, not just disable it. How did you decide?