Question

如何制作像我们在zurb foundation doc网站上的垂直标签：http://foundation.zurb.com/docs/javascripts.php我们在点击项目时有标签和子菜单，例如＆＃34; javascript＆＃34;。

Answer 1

以下是其页面中的代码它只是主导航列表中一个列表元素中的无序列表

<ul class="tabs vertical hide-on-phones">
  <li><a href="index.php">Getting Started</a></li>
  <li><a href="compass.php">Compass</a></li>
  <li><a href="rails.php">Rails</a></li>
  <li><a href="sass.php">Sass</a></li>
  <li><a href="quickstart.php">CSS Quickstart</a></li>
  <li class="active"><a href="components.php">Components</a>
    <ul>
      <li><a href="components.php">Overview</a></li>
      <li><a href="grid.php">The Grid</a></li>
      <li><a href="media-queries.php">Media Queries</a></li>
      <li><a href="typography.php">Typography</a></li>
      <li><a href="buttons.php">Buttons</a></li>
      <li><a href="forms.php">Forms</a></li>
      <li class="active"><a href="navigation.php">Navigation</a></li>
      <li><a href="tabs.php">Tabs</a></li>
      <li><a href="elements.php">Elements</a></li>
    </ul>
  </li>
  <li><a href="javascripts.php">Javascripts</a></li>
  <li><a href="support.php">Support</a></li>
</ul>

像Zurb基金会的基础文档网站中的垂直标签？

1 个答案: