====== PlayGround ======


https://www.lotar.altervista.org/wiki/wiki/plugin/bootswrapper

===== accordion =====

<accordion>
<panel title="Collapsible Group Item #1">
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
</panel>
<panel title="Collapsible Group Item #2"> [...] </panel>
<panel title="Collapsible Group Item #3"> [...] </panel>
</accordion>

===== affix =====

<affix offset-top="50" position-top="100" position-right="20">
<panel title="Affix">
Scroll the page!
</panel>
</affix>

===== alerts =====

<alert type="success">alert: success</alert>
<alert type="info">alert: info</alert>
<alert type="warning">alert: warning</alert>
<alert type="danger">alert: danger</alert>

===== badges =====

Inbox <badge>42</badge>
 
<btn type="primary">Messages <badge>4</badge></btn>

===== buttons =====

<btn type="default">Default</btn>
<btn type="primary">Primary</btn>
<btn type="success">Success</btn>
<btn type="info">Info</btn>
<btn type="warning">Warning</btn>
<btn type="danger">Danger</btn>
<btn type="link">Link</btn>

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

===== callouts =====

<callout title="Default Callout">
This is a default callout.
</callout>

===== carousel =====


===== collapse =====

<button collapse="foo">Click Me</button>
 
<collapse id="foo" 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>

===== grid =====
===== image =====

===== jumbotron =====


<jumbotron>
====== Hello, world! ======
 
This is a simple hero unit, a simple jumbotron-style 
component for calling extra attention to featured
content or information.
 
<btn type="primary">[[#|Learn more]]</btn>
</jumbotron>

====== labels ======

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

====== lead ======

<lead>Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.</lead>

====== list group ======

<list-group>
  * Cras justo odio <badge>14</badge>
  * Dapibus ac facilisis in <badge>2</badge>
  * Morbi leo risus <badge>1</badge>
</list-group>

====== modal ======

<btn type="primary" size="lg" modal="modal-demo">Launch demo modal</btn>
 
<modal id="modal-demo" title="Modal title">
=== Text in a modal ===
 
Duis mollis, est non commodo luctus, nisi erat porttitor ligula. [...]
</modal>

<btn type="primary" modal="modal-remote">Welcome to DokuWiki!</btn>
 
<modal id="modal-remote" remote=":start"></modal>

====== navs(tabs&pills) ======

<tabs>
  * [[#tab-foo|Foo]]
  * [[#tab-bar|Bar]]
 
<pane id="tab-foo">
=== Foo ===
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</pane>
 
<pane id="tab-bar">
=== Bar ===
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</pane>
 
</tabs>

====== page header ======

<page-header>
===== Example page header =====
</page-header>
 
Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

====== panels ======
<panel type="primary" title="Panel title">Panel content</panel>
<panel type="success" title="Panel title">Panel content</panel>
<panel type="info" title="Panel title">Panel content</panel>
<panel type="warning" title="Panel title">Panel content</panel>
<panel type="danger" title="Panel title">Panel content</panel>

====== popovers ======
<popover placement="right" content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
<btn>Popover on right</btn>
</popover>
 
<popover placement="top" content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
<btn>Popover on top</btn>
</popover>
 
<popover placement="bottom" content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
<btn>Popover on bottom</btn>
</popover>
 
<popover placement="left" content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus.">
<btn>Popover on left</btn>
</popover>

====== progress bar ======
<progress>
<bar value="60" showvalue="true"></bar>
</progress>

====== text ======
<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 type="muted"> [...] </text>
<text type="primary"> [...] </text>
<text type="success"> [...] </text>
<text type="info"> [...] </text>
<text type="warning"> [...] </text>
<text type="danger"> [...] </text>

====== thumbnails ======
<grid>
...
<col xs="6" md="3">
<thumbnail>
{{ wiki:dokuwiki-128.png }}
<caption>
=== DokuWiki ====
 
//DokuWiki is a simple to use and highly versatile Open Source wiki software that doesn't require a database. It is loved by users for its clean and readable syntax. The ease of maintenance, backup and integration makes it an administrator's favorite. Built in access controls and authentication connectors make DokuWiki especially useful in the enterprise context and the large number of plugins contributed by its vibrant community allow for a broad range of use cases beyond a traditional wiki.//
</caption>
</thumbnail>
...
</col>
</grid>

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

====== wells ======
<well size="sm">Look, I'm in a small well!</well>


====== OpenAs ======
~~OpenAsVarsStart~~
** Name: ** ~~OpenAsVAR>name~~  
** Age:** ~~OpenAsVAR>AGE~~\\ 
** Address: ** ~~OpenAsVAR>ADDR1~~
** Address 2: ** ~~OpenAsVAR>ADDR2~~\\
** Details: ** ~~OpenAsVAR>TAreaOpen:DETAILS~~
~~OpenAsVAR>TAreaClose~~
~~OpenAsVarsClose~~

~~OpenAS>wiki:SAVEAS_PAGE#test:openas:template_1>@HI@,HOWDY!;@BYE@,Good Bye~~


==== latex ====
$$ 시간 \times 공간 \times 인식 \times 지식 \ $$