基金会5幕外转型

Question

有没有办法将Foundation 5中的画布外导航转换为侧边栏导航？例如,官方的Foundation 5文档使用可见性类,但是由于有两个单独的导航,这种方法是否会失败？

我希望用Foundation 5实现这样的目标:

Answer 1

您可以通过覆盖画布外 CSS 规则来做到这一点。这是解决方案的开始：

@media (min-width: 700px) {
    .left-off-canvas-menu,
    .right-off-canvas-menu {
        position: static;
        transform: none;
        float: left;
    }
    .move-right > .inner-wrap {
        transform: none;
    }
    .main-section {
        overflow: hidden;
    }
}

您可以在jsfiddle上使用此代码。

干杯，托马斯。