Foundation Lists

Lists

HTMLでの番号なしリスト (<ul>) は、次のようになります：

結果：

Foundation を使用すると、.circle クラスにより、リスト項目に白丸をマークすることができます：

結果：

.square クラスにより、リスト項目に黒四角をマークすることができます：

結果：

リスト項目にマークをしたくない場合は、.no-bullet クラスを使用します：

結果：

ほとんどの Web ページには、何らかのメニューがあります。

次ように、HTMLでは、メニューの多くを番号なしリスト <ul>（とスタイル）で定義しています：

結果：

上のリストによる横方向のメニューを作成する場合は、<ul> に .list-inline クラスを追加します：

結果：

または、Foundations タブ（次章参照）により、上のメニューを表示することができます。