为响应式Bootstrap布局

Question

我希望我的Bootstrap布局在宽度为768px或更小时不起作用。您可以在此处查看我当前的应用程序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

Answer 2

@media only screen and (max-width: 768px) {
 .main {
    padding-left: 0px;
    padding-top: 0px;
  } 
}