lists.md

layout	title	section	h2
bffos	Lists	building-blocks	<strong>Building Blocks:</strong> markup & examples

Lists

Lists are used to display a set of consecutive items, such as a list of contacts or a list of messages.

Characteristics

• List items may vary in height (from one to three rows in a single item).
• List items may be as simple as just a text string, to including images, text, and buttons.
• Lists are comprised of rows, with optional section headers.

Default

Example

{% include building-blocks/lists_1.html %}

Css link

{% highlight html linenos=table %}{% endhighlight %}

HTML code

{% highlight html linenos=table %}{% include building-blocks/lists_1.html %}{% endhighlight %}

---

Edit mode

Example

{% include building-blocks/lists_2.html %}

Css link

{% highlight html linenos=table %}{% endhighlight %}

HTML code

{% highlight html linenos=table %}{% include building-blocks/lists_2.html %}{% endhighlight %}