html - Bootstrap Css avoid columns to stack

Question

I am using Bootstrap as CSS framework for my blog http://www.lowcoupling.com The problem is I can't see how to avoid the two columns of my to scale when reducing the width of the browser/device. I want to avoid it because of the vertical ads I have on the right side which I want to be fix in size and position. Is there any way to do this? In case this was not possible I would rather hide that column, and its content, instead of stacking it down. Is this possible?

Answer 1

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

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

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

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