html - 设置响应式 Bootstrap 布局的最小宽度

Question

我希望我的 Bootstrap 布局在宽度为 768 像素或更小时不响应。您可以在此处查看我当前的应用程序 HTML/CSS，https://codepen.io/anon/pen/xXdYNa .我不得不对一些标准的 Bootstrap 样式进行一些更改，因此它可能会使事情变得更加棘手。

有没有人有关于如何使用 CSS 覆盖来实现此目的的任何提示，类似于我在这里所做的:

@media (min-width: 768px) {
  .main {
    padding-left: 250px;
    padding-top: 89px;
  }
}

谢谢!

Answer 1

给 .container-fluid 一个最小宽度为 768px 怎么样？

编辑:

添加以下内容对我有用:

.container-fluid {
  min-width: 768px;
}

.main {
    padding-left: 250px;
    padding-top: 89px;
}

最小宽度结合删除 .main 周围的媒体查询应该有效。

https://codepen.io/anon/pen/EwmEXr