时间戳

首页 > 解决方案 > 即使在桌面版本上也强制网站显示移动视图版本？

html - 即使在桌面版本上也强制网站显示移动视图版本？

问题描述

我是使用引导程序创建的移动优先网站。但我想在桌面版上仍以移动视图显示此站点。当我使用 max-with = 600px 设置正文样式时，我的显示效果非常糟糕。因为我为 lg 媒体创建了许多 col。例如：

<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 中，而无需更改每个页面上的每个类。因为有一天我会构建桌面版本。

任何人都知道，让我的网站在桌面上显示移动版本的简单方法是什么？

提前致谢

标签： htmlcsstwitter-bootstrapwebgrid

解决方案

父元素

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

推荐阅读