Question

这是一个我无法找到解决方案的弹性盒挑战。

使用BS4 alpha 6 flexbox utils，我尝试使用主内容区域制作全高布局，并使用独立滚动的侧边栏。在左侧主要是一个从底部到底部的页脚（当内容高于100％时向下推）。此外，主要内容区域本身具有从底部到底部的页脚。我使用flex-grow:1作为粘性页脚。

<div class="container-fluid">
    <div class="wrapper row">
        <div class="col-9 inner d-flex flex-column justify-content-between">
            <div class="main bg-info p-3 d-flex flex-column justify-content-between">
                <div class="p-3">
                    <h3>Main content area</h3>
                </div>
                <div class="bg-faded p-3">inner footer</div>
            </div>
            <footer class="bg-inverse text-white p-3">footer</footer>
        </div>
        <div class="col-3 bg-faded p-3 sidebar">
            <h3>Sidebar</h3>
        </div>
    </div>
</div>

到目前为止一直很好......