заставить веб-сайт отображать мобильную версию даже на настольной версии?

Question

Я создал первый мобильный сайт, используя bootstrap.но я хочу, чтобы этот сайт отображался в настольной версии в мобильном представлении.Когда я устанавливаю форму тела с max-with = 600px, мой дисплей очень плохой.потому что я создал много col для lg media.например:

<div class="row">
   <div class="col col-lg-3"> -> I was create something like this in many page
   <div>
</div>

Итак, когда я устанавливаю стиль тела с max-with = 600px.это все еще показывает как col-lg-3.И я хочу, чтобы дисплей оставался в col / col-12 без изменений для каждого отдельного класса на каждой странице.потому что когда-нибудь я создам настольную версию.

Кто-нибудь знает, каков простой способ заставить мой сайт отображать мобильную версию на рабочем столе?

Заранее спасибо

Answer 1

Родительские элементы

<div class="row d-flex justify-content-center">
  <div class="col-3">
    child elements goes here --
  </div>
</div>

Answer 2

Инструменты Chrome Dev позволяют имитировать мобильное устройство в F12, а затем верхнюю левую часть инструментов dev, если это то, что вы ищете.В противном случае я бы попытался контролировать размер элемента окна.

https://www.w3schools.com/jsref/obj_window.asp