Foundation 清單

在 HTML 中，無序清單 (<code>&lt;ul&gt;</code>) 執行個體如下:

&lt;ul&gt;

  &lt;li&gt;List item&lt;/li&gt;

&lt;/ul&gt;

結果:

List item

在 Foundation 中，無序清單 (<code>&lt;ul&gt;</code>) 的字首符号為圓圈，使用 .circle 類，執行個體如下:

&lt;ul class="circle"&gt;

  ...

方塊辨別符字首使用 .square 類:

&lt;ul class="square"&gt;

如果你不需要辨別符，你可以使用 .no-bullet 類：

&lt;ul class="no-bullet"&gt;

如果你需要添加一個水準的清單，可以在 <code>&lt;ul&gt;</code> 上添加 <code>.inline-list</code> 類:

&lt;ul class="inline-list"&gt;

一些 Web 頁面可能需要清單菜單。

在 HTML 中，清單菜單同無序清單 <code>&lt;ul&gt;</code> 來定義，例如:

  &lt;li&gt;&lt;a href="#"&gt;Home&lt;/a&gt;&lt;/li&gt;

  &lt;li&gt;&lt;a

href="#"&gt;Menu 1&lt;/a&gt;&lt;/li&gt;

  &lt;li&gt;&lt;a href="#"&gt;Menu 2&lt;/a&gt;&lt;/li&gt;

&lt;li&gt;&lt;a href="#"&gt;Menu 3&lt;/a&gt;&lt;/li&gt;

Home

Menu 1

Menu 2

Menu 3