在窗口调整大小时调整bootstrap div的大小

Question

这是我之前的问题here的延续。

我正在使用 bootstrap ，并且它没有安排div以使它们具有相同的高度。 我已经解决了将div的大小调整为相同高度的问题。

但它没有实时调整大小，即当我调整窗口大小时，“maxHeight”仍然保持不变，尽管当窗口调整大小时该函数仍然运行。

以下是功能和代码。

     function resized(){

        var maxHeight = -1;

        if (size == "xs"){
            $('.col-xs-12').each(function(){
                $(this).height("auto");
                maxHeight = 0;
            });
        }

        if (size == "sm"){
            $('.col-sm-6').each(function() {
                maxHeight = maxHeight > $(this).height() ? maxHeight : $(this).height();
            });

            $('.col-sm-6').each(function() {
                $(this).height(maxHeight);
            });
        }

        if (size == "md"){
            $('.col-md-4').each(function() {
                maxHeight = maxHeight > $(this).height() ? maxHeight : $(this).height();
            });

            $('.col-md-4').each(function() {
                $(this).height(maxHeight);
            });
        }

            console.log("maxHeight : " + maxHeight);    
    };

    $().ready(function(){
        $(document).ready(resized)
        $(window).resize(resized);  
    })

提前致谢！