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

Question

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

我希望有两列，右边的一列只能从最小宽度看到。

但是这个专栏应该有一个图像。

问题是图像有一些宽度（339像素），如果宽度只能小于此值，我不希望包含它的列可见。

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

Answer 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