带有右侧固定侧边栏的 Bootstrap 响应式网格

我想创建一个带有类似引导程序的模板，它尊重网格的响应系统：

在图中，导航栏和右侧（包含两个按钮）是粘性的（始终显示在视图上）

我的问题是右侧，因为在引导网格系统中，右侧块将被视为单行，而主要内容包含多行。我怎样才能做到这一点？

围绕整个 Bootstrap 网格（容器>行>列..）创建一个包装器以包含固定导航和右侧边栏。

<div class="wrapper">
        <!-- top nav -->
        <nav>
            ...
        </nav>

        <!-- main -->
        <div class="left" id="main">
            <div class="container-fluid">
                <h1>Bootstrap Grid...</h1>
            </div>
        </div>

        <!-- sidebar -->
        <div class="right" id="sidebar">
            Fixed right sidebar
        </div>
</div>

http://www.codeply.com/go/37bttGte6c http://www.codeply.com/go/37bttGte6c