如何将我的移动视图放在容器流体中，将桌面站点放在容器中？

Posted 2023-03-06

【中文标题】如何将我的移动视图放在容器流体中，将桌面站点放在容器中？

【英文标题】：How can I have my mobile view in a container-fluid and the desktop site in a container?

【发布时间】：2019-03-05 16:50:39

【问题描述】：

我正在使用 laravel 和 bootstrap 3 构建一个网站。当我应用 .container 类时，该网站在中等和大屏幕尺寸上显示良好，但在手机等较小设备上显示太小（两侧都有巨大的填充）。当我应用 .container-flud 类时，它在较小的设备中显示良好，并在大型设备中覆盖整个屏幕（我不想要）。

所以我想要的是容器流体中的移动视图和容器中的中、大屏幕视图。这可能吗？我怎样才能做到这一点？

我正在使用引导程序 3

非常感谢任何帮助

【问题讨论】：

您可以在调整窗口大小时交替使用 .container 和 .container-fluid。

@Chayan 不不！人们在使用移动设备时永远不会调整窗口大小！

【参考方案1】：

您可以使用.container 并输入以下覆盖媒体查询：

@media (max-width: 415px)
 .container
   min-width:100% !important;
   max-width:100% !important;
 

【讨论】：

这些是我的代码。我应该把你建议的代码放在哪里？

我添加了它，但没有任何改变

修改文件后不要忘记编译资产。