我需要使用 bootstrap 12 列网格来获得基于父 div 大小的响应式表单。
例如,无论屏幕大小如何,内容都需要看到 div A 的宽度,并基于该宽度 Bootstrap 的响应式设计。
我的目标是将我的响应式设计基于模式窗口的大小(在 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"
最佳答案
正如@makshh 在评论中提到的那样,现在似乎无法做到这一点。我找到的唯一方法来自 another stack overflow question通过@tsdexter:
$(document).ready(function(){
$('.somecontainer').on('resize',function(){
if ($('.somecontainer').width() < 640) {
$('.somecontainer').addClass('m');
} else {
$('.somecontainer').removeClass('m');
}
});
});
关于css - 将父 div 大小用于 Bootstrap 响应式网格系统,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38078385/