Bootstrap Css避免列堆叠

Question

我正在使用Bootstrap作为我的博客http://www.lowcoupling.com的CSS框架 问题是我无法看到在减小浏览器/设备的宽度时如何避免我的两列缩放。我想避免它，因为我在右侧的垂直广告，我想在大小和位置修复。有没有办法做到这一点？ 如果这是不可能的，我宁愿隐藏该列及其内容，而不是将其堆叠下来。这可能吗？

Answer 1

Twitter Bootstrap使用响应式设计，因此当您调整浏览器大小时点击某些维度断点时，将应用不同的样式。当您将浏览器缩小到针对平板电脑进行优化的程度时，您将获得堆叠行为。

如果您向列添加自定义类，则可以通过将其添加到样式表来隐藏它而不是将其叠加：

@media screen and (max-width: 768px) {
  .my-class{
    display:none;
   }
}

作为替代方案，您还可以尝试从bootstrap.css中删除所有媒体查询。有一个自定义工具可以帮助你解决这个问题，但是当Bootstrap 3.0最终确定时，它现在已经关闭了。