1、侧边栏导航Foundation 使用<ul class="side-nav">创建侧边栏:实例<ulclass="side-nav"><li><ahref="#">Link 1</a></li><li><ahref="#">Link 2</a></li><li><ahref="#">Link 3</a></li><li><ahref="#">Link 4</a></li></ul>
2、激霰翌倡戈活链接与分割线已点击的链接可以在<li>上使用.active类来标识，使用.divider类添加水平分割线：实例<ulclass=&鳎溻趄酃quot;side-nav"><liclass="active"><aclass="a"href="#">Link 1</a></li><li><aclass="a"href="#">Link 2</a></li><liclass="divider"></li><li><aclass="a"href="#">Link 3</a></li><li><aclass="a"href="#">Link 4</a></li></ul>
3、网格中的侧边栏我们可以使用网格设计模式来设置侧边导航栏，实例如下：实例<divclass="row"><divclass="medium-4 columns"style="background-color:#f1f1f1;"><ulclass="side-nav"><liclass="active"><ahref="#">Home</a></li><li><ahref="#">Learn HTML</a></li> ...</ul></div><divclass="medium-8 columns"><h1>Side Nav</h1><p>Some text..</p> ...</div></div>
4、如果这条经验帮助了你，请给本经验点个赞并投上宝贵的一票
