{{> button }}
<a href="#" class="btn btn-primary">.btn-primary</a>
{{> checkbox }}
<div class="checkbox">
<label>
<input type="checkbox" /> Resté connecté
</label>
</div>
{{> chevron }}
"bottom"
)false
)<span class="chevron chevron-bottom"></span>
{{> cover }}
<div class="cover" style="background-image: url('https://unsplash.it/2000/650?image=984');">
<img src="https://unsplash.it/2000/650?image=984" class="img-responsive" />
</div>
{{> input }}
email
, text
, password
,...)has-error
or has-success
)Example block-level help text here.
<div class="form-group">
<label for="email">Email address</label>
<input type="email" class="form-control" id="email" placeholder="Adresse email" value="" />
<p class="help-block">Example block-level help text here.</p>
</div>
{{> input-error }}
Example block-level help text here.
<div class="form-group has-error">
<label for="email">Email address</label>
<input type="email" class="form-control" id="email" placeholder="Adresse email" value="" />
<p class="help-block">Example block-level help text here.</p>
</div>
{{> input-success }}
Example block-level help text here.
<div class="form-group has-success">
<label for="email">Email address</label>
<input type="email" class="form-control" id="email" placeholder="Adresse email" value="" />
<p class="help-block">Example block-level help text here.</p>
</div>
{{> label }}
false
)<span class="label label-default">
Default label
</span>
{{> label-hierarchy }}
false
)<span class="label label-default">
<strong>Default parent</strong> › Default child
</span>
{{> load-more }}
<a href="#" class="btn btn-default btn-lg btn-block">Voir plus...</a>
{{> loader }}
<img src="build/svg/loader.svg" onerror="this.onerror=null; this.src='build/img/loader.gif'" alt="animated loader" class="img-responsive center-block" />
{{> no-thumbnail }}
<div class="no-thumbnail">
<span class="media-icon icons icons-"></span>
</div>
{{> overlay }}
false
)<div id="overlay" class="overlay">
</div>
{{> select }}
has-error
or has-success
)Example block-level help text here.
<div class="form-group">
<label for="email">Votre canton</label>
<select class="form-control">
<option disabled selected>Votre canton</option>
<optgroup>
<option vale="ag">Argovie</option>
<option vale="ai">Appenzell Rhodes intérieures</option>
<option vale="ar">Appenzell Rhodes extérieures</option>
<option vale="be">Berne</option>
<option vale="bl">Bâle Campagne</option>
<option vale="bs">Bâle Ville</option>
<option vale="fr">Fribourg</option>
<option vale="ge">Genève</option>
<option vale="gl">Glaris</option>
<option vale="gr">Grisons</option>
<option vale="ju">Jura</option>
<option vale="lu">Lucerne -Luzern</option>
<option vale="ne">Neuchâtel</option>
<option vale="nw">Nidwald</option>
<option vale="ow">Obwald</option>
<option vale="sg">Saint-Gall</option>
<option vale="sh">Schaffhouse</option>
<option vale="so">Soleure</option>
<option vale="sz">Schwyz</option>
<option vale="tg">Thurgovie</option>
<option vale="ti">Ticino</option>
<option vale="ur">Uri</option>
<option vale="vd">Vaud</option>
<option vale="vs">Valais</option>
<option vale="zg">Zug</option>
<option vale="zh">Zurich</option>
</optgroup>
</select>
<p class="help-block">Example block-level help text here.</p>
</div>
{{> separator }}
<hr />
{{> spacer }}
<div class="spacer"></div>
{{> textarea }}
has-error
or has-success
)<div class="form-group">
<label for="email">Message</label>
<textarea class="form-control" id="email" rows="8">Votre message</textarea>
</div>
{{> thumbnail }}
<div class="thumbnail" style="background-image: url('');">
<img src="" alt="" class="img-responsive" />
</div>
{{> thumbnail-mondrian }}
<div class="thumbnail">
<img src="" alt="" width="" height="" />
</div>