Plugin : Bootswrapper

<accordion>
<panel title="Collapsible Group Item #1">
Contenu Panel 1.
</panel>
<panel title="Collapsible Group Item #2"> [...] </panel>
<panel title="Collapsible Group Item #3"> [...] </panel>
</accordion>

<alert type="success">**Well done!** You successfully read this important alert message.</alert>
<alert type="info" dismiss="true"**>Heads up!** This alert needs your attention, but it's not super important.</alert>
<alert type="warning" icon="fa fa-warning" dismiss="true">**Warning!** Better check yourself, you're not looking too good.</alert>
<alert type="danger" icon="fa fa-warning">**Oh snap!** Change a few things up and try submitting again. </alert>

<btn type="default" size="lg">Default</btn>

<btn type="primary" size="lg">Primary</btn>

<btn type="success" size="sm">Success</btn>

<btn type="info" size="sm">Info</btn>

<btn type="warning" size="xs">Warning</btn>

<btn type="danger" size="xs">Danger</btn>

<btn type="success" size="lg" icon="glyphicon glyphicon-edit">[[:]]</btn>

<btn type="primary" size="lg" block="true">Block level button</btn>
<btn type="default" size="lg" block="true">Block level button</btn>

Default

Primary

Success

Info

Warning

Danger

start

Block level button Block level button

<callout type="primary" icon="true" title="primary"> [...] </callout>
<callout type="success" icon="true" title="success"> [...] </callout>
<callout type="info" icon="true" title="info"> [...] </callout>
<callout type="warning" icon="true" title="warning"> [...] </callout>
<callout type="danger" icon="true" title="danger"> [...] </callout>
<callout type="question" icon="true" title="question"> [...] </callout>
<callout type="tip" icon="true" title="tip"> [...] </callout>
<callout icon="fa fa-user" title="custom icon only"> [...] </callout>
<callout type="success" icon="fa fa-plus" title="type and custom icon"> [...] </callout>

<button collapse="id">Click Me</button>
<collapse id="id" collapsed="true"><well>
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.
</well></collapse>

Click Me

<label type="default">default</label>
<label type="primary">primary</label>
<label type="success">success</label>
<label type="info">info</label>
<label type="warning">warning</label>
<label type="danger">danger</label>
<label type="warning" icon="fa fa-warning">warning</label>
<label type="danger" icon="fa fa-warning">danger</label>

default primary success info warning danger warning danger

<list-group>
  * Cras justo odio <badge>14</badge>
  * Dapibus ac facilisis in <badge>2</badge>
  * Morbi leo risus <badge>1</badge>
  * [[:wiki:welcome]] \\ DokuWiki Welcome
  * [[:wiki:syntax]] \\ DokuWiki Syntax
  * {{fa>home}} [[:start|Home-Page]]
</list-group>

<panel type="primary" title="Panel title" icon="fa fa-home">Panel content</panel>
<panel type="success" title="Panel title" subtitle="Panel subtitle">Panel content</panel>
<panel type="info" title="Panel title" subtitle="Panel subtitle">Panel content</panel>
<panel type="warning" title="Panel title" icon="fa fa-warning">Panel content</panel>
<panel type="danger" title="Panel title">Panel content</panel>
<panel type="info" title="Panel title"  no-body="true">
<panel-body>Some default panel content here. Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam id dolor id nibh ultricies vehicula ut id elit.</panel-body>
^ # ^ First Name ^ Last Name ^ Username ^
^ 1 | Mark       | Otto	     | @mdo     |
^ 2 | Jacob      | Thornton  | @fat     |
^ 3 | Larry      | the Bird  | @twitter |
</panel>
<panel type="success" title="Panel title" no-body="true" icon="fa fa-home">
^ # ^ First Name ^ Last Name ^ Username ^
^ 1 | Mark       | Otto	     | @mdo     |
^ 2 | Jacob      | Thornton  | @fat     |
^ 3 | Larry      | the Bird  | @twitter |
</panel>
<panel type="success" title="Panel title" subtitle="Panel subtitle" icon="glyphicon glyphicon-home" no-body="true">
<panel-body>Some default panel content here. Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam id dolor id nibh ultricies vehicula ut id elit.</panel-body>
<list-group>
  * Cras justo odio
  * Dapibus ac facilisis in
  * Morbi leo risus
  * Porta ac consectetur ac
  * Vestibulum at eros
</list-group></panel>

<TEXT align="left">Left aligned text.</TEXT>
<TEXT align="center">Center aligned text.</TEXT>
<TEXT align="right">Right aligned text.</TEXT>
<TEXT align="justify">Justified text.</TEXT>
<TEXT align="nowrap">No wrap text.</TEXT>
  
<text background="primary"> [...] </text>
<text background="success"> [...] </text>
<text background="info"> [...] </text>
<text background="warning"> [...] </text>
<text background="danger"> [...] </text>
  
<text type="muted"> [...] </text>
<text type="primary"> [...] </text>
<text type="success"> [...] </text>
<text type="info"> [...] </text>
<text type="warning"> [...] </text>
<text type="danger"> [...] </text>
  
<text transform="lowercase">Lowercased text.</text>
<text transform="uppercase">Uppercased text.</text>
<text transform="capitalize">Capitalized text.</text>

[…] […] […] […] […]

[…] […] […] […] […] […]

Lowercased text. Uppercased text. Capitalized text.

<tooltip title="Sample Text" location="bottom">Lorem ipsum</tooltip> dolor sit amet...

Lorem ipsum dolor sit amet…