Foundation侧边栏入门指南

今天介绍Foundation中如何配置下侧边栏属性，打造美观实用的侧边栏效果。

1、 侧边导航栏

2、 Foundation 框架通过 ul 元素并添加 side-nav 类来构建侧边栏导航。

3、 实例

4、 激活链接及分割线

5、 已点击的链接可通过在 li 元素上添加 active 类来标记，使用 divider 类可插入水平分隔线。

6、 实例

7、 网格侧边栏

8、 采用网格布局设计侧边导航栏，示例如下所示。

9、 实例

10、 若此经验对您有帮助，敬请点赞并投上一票支持。