如何制作仅在显示屏中间而不是屏幕整个高度的滑动侧导航栏?(引导程序 3，具体化)

Question

我正在使用引导中的以下粘性页脚模板：http://getbootstrap.com/examples/sticky-footer-navbar/

我想要一个侧导航栏(像这个：http://materializecss.com/side-nav.html，你可以点击一个按钮，它从侧面滑出(，但我不希望它占据整个页面，我只希望它掩盖页面的"中间"部分在页脚上方和标题下方。

引导或具体化是否支持页面中间的这个滑动侧导航栏，而不是占据整个内容？

Answer 1

你只需要自定义css。

例如，使用 80px 页

眉和 80px 页脚：

.side-nav {
    top: 80px;
    height: calc(100% - 160px);
}

http://codepen.io/migli/pen/JNPaep