css - 我怎样才能在容器流体中拥有我的移动 View ，而在容器中拥有桌面站点？

Question

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

所以我想要的是在container-fluid中有mobile view，在容器中有medium and large screen view。这可能吗？我怎样才能做到这一点？

我正在使用 bootstrap 3

非常感谢任何帮助

Answer 1

您可以使用 .container 并放置以下覆盖媒体查询:

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