List DT

Description List

Description Title 1: Lorem ipsum dolor sit amet
Description Title 2: Facilisis in pretium nisl aliquet

= codeBlender "list-dt", "atom", { array: current_page.data.list }

<dl>
<dt>
Description Title 1
</dt>
<dd>Lorem ipsum dolor sit amet</dd>
<dt>
Description Title 2
</dt>
<dd>Facilisis in pretium nisl aliquet</dd>
</dl>

Description List Horizontal

Description Title 1: Lorem ipsum dolor sit amet
Description Title 2: Facilisis in pretium nisl aliquet

= codeBlender "list-dt", "atom", { array: current_page.data.list, extraClass: "dl-horizontal" }

<dl class='dl-horizontal'>
<dt>
Description Title 1
</dt>
<dd>Lorem ipsum dolor sit amet</dd>
<dt>
Description Title 2
</dt>
<dd>Facilisis in pretium nisl aliquet</dd>
</dl>

Resources Useful websites and tutorials

Title	URL
Bootstrap list	http://getbootstrap.com/css/#type-lists