css - 将父 div 大小用于 Bootstrap 响应式网格系统

Question

我需要使用 bootstrap 12 列网格来获得基于父 div 大小的响应式表单。

例如，无论屏幕大小如何，内容都需要看到 div A 的宽度，并基于该宽度 Bootstrap 的响应式设计。

我的目标是将我的响应式设计基于模式窗口的大小(在 dhtmlx 中)。如果用户调整模态窗口的大小，行应遵循规则(例如 col-xs-12、col-sm-6 等，但基于模态窗口的大小，而不是屏幕)。

This fiddle show a modal window with some bootstrap form inside.我需要表单响应模态表单的大小，而不是屏幕大小。

class="col-xs-12 col-sm-6"

Answer 1

正如@makshh 在评论中提到的那样，现在似乎无法做到这一点。我找到的唯一方法来自 another stack overflow question通过@tsdexter:

$(document).ready(function(){
  $('.somecontainer').on('resize',function(){
    if ($('.somecontainer').width() < 640) {
        $('.somecontainer').addClass('m');
    } else {
        $('.somecontainer').removeClass('m');
    }
  });
});