Verwenden Sie Eltern-Div-Größe für bootstrap reaktionsfähiges Grid-System

Question

Ich brauche Bootstrap 12 Spaltenraster verwenden, um eine ansprechende Form basierend auf der Größe des Elternteils zu erhalten.

Zum Beispiel muss der Inhalt unabhängig von der Größe des Bildschirms die Breite von div A sehen und das responsive Design des Bootstraps auf dieser Breite basieren.

Mein Ziel ist es, mein Responsive Design auf die Größe eines modalen Fensters (in dhtmlx) zu basieren. Wenn der Benutzer das modale Fenster in der Größe ändert, sollte die Zeile den Regeln folgen (z. B. col-xs-12, col-sm-6 usw., aber basierend auf der Größe des modalen Fensters, nicht des Bildschirms).

This fiddle show a modal window with some bootstrap form inside. Ich brauche das Formular, um auf die Größe des modalen Formulars reagieren, nicht die Bildschirmgröße.

Answer 1

Wie @makshh im Kommentar erwähnt, scheint es nicht möglich, dies jetzt zu tun. Der einzige Weg, den ich gefunden habe, ist von another stack overflow question von @tsdexter:

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