Utilizzare la dimensione div padre per il sistema di griglia reattivo bootstrap

Question

Ho bisogno di utilizzare la griglia di bootstrap 12 colonne per ottenere un modulo reattivo in base alla dimensione del div genitore.

Come esempio, qualunque sia la dimensione dello schermo, il contenuto deve vedere la larghezza del div A e basare il design responsivo del bootstrap su quella larghezza.

Il mio obiettivo è basare il mio design reattivo sulla dimensione di una finestra modale (in dhtmlx). Se l'utente ridimensiona la finestra modale, la riga dovrebbe seguire le regole (ad esempio col-xs-12, col-sm-6, ecc., Ma in base alla dimensione della finestra modale, non dello schermo).

This fiddle show a modal window with some bootstrap form inside. Ho bisogno che il modulo risponda alle dimensioni del modulo modale, non alle dimensioni dello schermo.

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

Answer 1

Come @makshh menzionato nel commento, non sembra possibile farlo ora. L'unico modo che ho trovato è another stack overflow question da @tsdexter:

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