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

Question

我想创建一个带有 Bootstrap 的模板，它尊重网格的响应系统:

在图片中，导航栏和右侧(包含两个按钮)是粘性的(始终显示在 View 上)

我的问题是右侧，因为在 Bootstrap 网格系统中，右侧 block 将被视为单行，而主要内容包含多行。我该怎么做？

Answer 1

围绕整个 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