具有固定宽度内容的引导 3 网格

【问题标题】：bootstrap 3 grid with fixed width content具有固定宽度内容的引导 3 网格
【发布时间】：2014-03-11 21:57:58
【问题描述】：

我正在尝试使用 bootstrap 3 网格来设置一些响应行为：

我想要有两列，右侧的那一列只能从某个最小宽度看到。

但是这个栏应该里面有一张图片。

问题是图像有一定宽度（339px），如果它的宽度只能小于这个宽度，我不希望包含它的列可见。

有没有办法告诉网格列在低于特定宽度时隐藏？

【问题讨论】：

标签： css twitter-bootstrap-3

【解决方案1】：

Bootstrap 使用 CSS 媒体查询来确定响应行为。媒体查询可用于检测视口的宽度，但不能检测特定元素（如列）的宽度。因此，我认为您必须使用 jQuery 或 JavaScript 之类的东西来处理窗口调整大小事件并测试列的宽度。..

 $(window).resize(function(){
   var ele = $('#myCol');
   if (ele.outerWidth()<339) {
        ele.hide();
   }
   else {
        ele.show();
   }
 });

http://www.bootply.com/120897

【讨论】：