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

发布时间：2020-12-17 21:31:22 所属栏目：安全来源：网络整理

导读：我想用这样的bootstrap创建一个模板,它尊重网格的响应系统：在图片中,导航栏和右侧(包含两个按钮)是粘性的(始终显示在视图上) 我的问题是正确的,因为在引导网格系统中,右侧块将被视为单行,而主要内容包含多个行.我怎么能这样做？解决方法围绕整个Bootstra

我想用这样的bootstrap创建一个模板,它尊重网格的响应系统：

template

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

我的问题是正确的,因为在引导网格系统中,右侧块将被视为单行,而主要内容包含多个行.我怎么能这样做？

解决方法

围绕整个Bootstrap网格(容器> row> cols ..)创建一个包装器,以包含固定导航和右侧边栏.

<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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!