부트 스트랩 반응 형 그리드 시스템에 부모 div 크기 사용

Question

부모 div 크기에 따라 반응 형 양식을 얻으려면 부트 스트랩 12 열 그리드를 사용해야합니다.

예를 들어, 화면의 크기에 관계없이 콘텐츠는 div A의 너비를보고 그 너비에서 부트 스트랩의 반응 형 디자인을 기반으로해야합니다.

내 목표는 내 반응 형 디자인을 모달 창 (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가 주석에서 언급했듯이 지금 당장이 작업을 수행 할 수없는 것처럼 보입니다. 내가 찾은 유일한 방법은 @tsdexter에 의해 another stack overflow question에 의해 :

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