设置Bootstrap4页面的最小宽度并显示滚动

Question

我正在创建一个网站并且没有完全响应 - 我接受了它 我想将整个页面的最小宽度设置为1000px，如果屏幕宽度低于此值，则显示水平滚动条。我试着用：

@media (max-width: 1000px) {
  body {
    min-width: 1000px !important;
  }
}

但是它不起作用，滚动条出现但我的DIV变得混乱。我使用带有sass的Bootstrap 4，有没有办法强制这种行为？

当然，我稍后会创建完全响应的网站，但现在我想为手机和平板电脑做好准备。目前，1000px以下的导航栏完全坏了。

编辑：使用我的导航栏代码的示例代码，在992px下它被破坏：https://codepen.io/anon/pen/vJgGma

Answer 1

导航中的元素总是在992px以下达到100％宽度，因此无论你做什么，它们都会打包。

如果希望导航元素保持在1000px宽，则需要为992以下的导航元素定义宽度。尝试将它们设置为等于100％的百分比，你应该没问题。