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>

Collapsible Group Item #1

Contenu Panel 1.

Collapsible Group Item #2

[…]

Collapsible Group Item #3

[…]

<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>

primary

[…]

success

[…]

info

[…]

warning

[…]

danger

[…]

question

[…]

tip

[…]

custom icon only

[…]

type and custom icon

[…]
<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

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.
<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>
  • Cras justo odio 14
  • Dapibus ac facilisis in 2
  • Morbi leo risus 1
  • welcome
    DokuWiki Welcome
  • syntax
    DokuWiki Syntax
<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>

Panel title

Panel content

Panel title

Panel subtitle

Panel content

Panel title

Panel subtitle

Panel content

Panel title

Panel content

Panel title

Panel content

Panel title

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.
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Panel title

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Panel title

Panel subtitle
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.
  • Cras justo odio
  • Dapibus ac facilisis in
  • Morbi leo risus
  • Porta ac consectetur ac
  • Vestibulum at eros
<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>

Left aligned text.
Center aligned text.
Right aligned text.
Justified text.
No wrap text.

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

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

Lowercased text. Uppercased text. Capitalized text.

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

Lorem ipsum dolor sit amet…

  • divers/dokuwiki/plugin-bootswrapper.txt
  • Dernière modification: 2019/07/30 19:41
  • (modification externe)