After implementing it from The Meteor Chef , I have content.html below.
<template name="content">
<div class="container">
<div class="row">
<section class="col-xs-12">
<ul class="list-group">
{{#each this.items}}
<li>
<input class="list-group-item basic-vertical-spacing col-xs-12" type="text" name={{name}} placeholder={{placeholder}}>
</li>
{{/each}}
</ul>
</section>
</div>
`
What is the best way also change the html element dynamically? Thanks
Brute force
<{{tagName}} class="list-group-item basic-vertical-spacing col-xs-12" type={{typeName}} name={{name}} placeholder={{placeholder}}>