Użyj nadrzędnego rozmiaru div dla systemu reagującego na sieć ładowania początkowego

Question

Potrzebuję użyć siatki 12 kolumn początkowych, aby uzyskać responsywny formularz oparty na rozmiarze div elementu nadrzędnego.

Jako przykład, niezależnie od wielkości ekranu, zawartość musi widzieć szerokość elementu div A i podstawę responsywnego projektu bootstrapu na tej szerokości.

Moim celem jest oparcie mojego responsywnego projektu na rozmiarze okna modalnego (w dhtmlx). Jeśli użytkownik zmieni rozmiar okna modalnego, wiersz powinien być zgodny z regułami (na przykład col-xs-12, col-sm-6 itd., Ale w oparciu o rozmiar okna modalnego, a nie ekranu).

This fiddle show a modal window with some bootstrap form inside. Potrzebuję formularza, aby reagować na rozmiar formy modalnej, a nie na rozmiar ekranu.

Answer 1

Jak wspomniałem @makshh w komentarzu, wydaje się, że nie można tego teraz zrobić. Jedynym sposobem, znalazłem jest od another stack overflow question przez @tsdexter:

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