ブートストラップ応答グリッドシステムに親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'); 
    }); 
});