jquery - 有没有办法在使用引导程序时在网站上使用 jquery 保持两列的高度？

Question

我有一个我创建的引导网站，它有两列，左边是菜单导航，右边是内容。在左列的背景中，我有一个背景，我想成为任何给定页面上内容的高度。我在我的网站中添加了这个 jquery 片段，它可以在完整的浏览器窗口中正常工作

<script>
    $(window).load(function() {
        equalHeight($("div#col1, div#col2"));

        function equalHeight(group) {
            tallest = 0;
            group.each(function() {
                thisHeight = $(this).height();
                if(thisHeight > tallest) {
                    tallest = thisHeight;
                }
            });
            group.height(tallest);
        }
    }); 
</script>

HTML

<div class="middle">
     <div id="col1"></div>
     <div id="col2"></div>
</div>

但是当您开始缩小移动页面时，它会将页脚内容扔到页面中间并添加第二个滚动条？

我很好奇我是否能够使用类似于此代码的引导程序友好的东西谢谢

Answer 1

你最好的办法是通过提供.middle一个看起来像是应用于的背景来创建一个假列#col1

看看这篇关于假柱子的文章