css - Foundation 5 Canvas 外转换

Question

有没有办法将 Foundation 5 中的 Canvas 外导航转换为侧边栏导航？ 例如，官方 Foundation 5 文档使用可见性类，但这不是有点违背了目的，因为有两个独立的导航吗？

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

Answer 1

您可以通过覆盖 Canvas 外的 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;
    }
}

您可以在 this jsfiddle 上使用此代码.

干杯， 托马斯。