public:start [Wiki SrvServeur]

Cette page est en lecture seule. Vous pouvez afficher le texte source, mais ne pourrez pas le modifier. Contactez votre administrateur si vous pensez qu'il s'agit d'une erreur.
<page-header>
===== Example page header =====
</page-header>

[[https://www.dokuwiki.org/plugin:bootswrapper]] \\
[[http://www.lotar.altervista.org/wiki/wiki/plugin/bootswrapper]] \\

  DokuWiki supports **bold**, //italic//, __underlined__ and ''monospaced'' texts.
  Of course you can **__//''combine''//__** all these.
  
===== Navs (Tabs & Pills) =====
[[http://www.lotar.altervista.org/wiki/wiki/plugin/bootswrapper/nav]]
<nav>
  * [[:start]]
  * [[:plugin:bootswrapper|Plugin]]
  * [[playground:playground]]
  * DokuWiki
    * [[:prive:bdd:mysql:start|MySQL]]
    * [[:prive:bdd:mysql:defragmentation|Defrag]]
    * [[http://wiki.srvserveur.com/|Autre Site externe]]
</nav>
 \\
 \\
Ou encore un seul menu : \\
<nav>
  * DokuWiki
    * [[:prive:bdd:mysql:start|MySQL]]
    * [[:prive:bdd:mysql:defragmentation|Defrag]]
    * [[http://wiki.srvserveur.com/|Autre Site externe]]
</nav>

 \\
 \\
Un encadré : \\
<well size="lg">
Bla 
blamyj

fghjkfrlhz
  * ghjk
  * fghjk

  - fghjk
  - ghjkl
</well>

<text type="primary">primary</text> \\
<text type="success">success</text> \\
<text type="info">info</text> \\
<text type="warning">warning</text> \\
<text type="danger">danger</text> \\

<text background="primary">primary</text> \\
<text background="success">success</text> \\
<text background="info">info</text> \\
<text background="warning">warning</text> \\
<text background="danger">danger</text> \\

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

<bootnote>
</bootnote>
<bootnote web>
</bootnote>
<bootnote question>
</bootnote>
<bootnote tip>
</bootnote>
<bootnote warning>
</bootnote>
<bootnote important>
</bootnote>
===== Progress Bar =====

<progress>
<bar value="40" type="success" striped="true"></bar>
</progress>
 
<progress>
<bar value="20" type="info" striped="true"></bar>
</progress>
 
<progress>
<bar value="60" type="warning" striped="true"></bar>
</progress>
 
<progress>
<bar value="80" type="danger" striped="true"></bar>
</progress>


<code html><grid>
...
<col xs="6" md="3">
<thumbnail>
{{ wiki:dokuwiki-128.png }}
</thumbnail>
</col>
...
</grid></code>

\\

<grid>
<col xs="6" md="3">
<thumbnail>
{{ wiki:dokuwiki-128.png }}
</thumbnail>
</col>
<col xs="6" md="3">
<thumbnail>
{{ wiki:dokuwiki-128.png }}
</thumbnail>
</col>
<col xs="6" md="3">
<thumbnail>
{{ wiki:dokuwiki-128.png }}
</thumbnail>
</col>
<col xs="6" md="3">
<thumbnail>
{{ wiki:dokuwiki-128.png }}
</thumbnail>
</col>
</grid>

===== Panel =====

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

===== List Group =====

===== Popovers =====

===== Jumbotron =====

<jumbotron background="https://image.shutterstock.com/z/stock-photo-mountains-during-sunset-beautiful-natural-landscape-in-the-summer-time-407021107.jpg" color="#fff">
====== Lorem ipsum! ======
 
Lorem ipsum dolor sit amet, [...] \\
<btn type="primary">[[http://wiki.srvserveur.com/|TEXT Bouton]]</btn>
</jumbotron>

===== 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">
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 #3">
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>
</accordion>

===== Alerts =====

<alert type="success" icon="fa fa-warning">**success!** Better check yourself, you're not looking too good.</alert>
<alert type="info" icon="fa fa-warning">**info!** Better check yourself, you're not looking too good.</alert>
<alert type="warning" icon="fa fa-warning">**Warning!** Better check yourself, you're not looking too good.</alert>
<alert type="danger" icon="fa fa-warning">**danger!** Better check yourself, you're not looking too good.</alert>
 \\
<alert type="success" dismiss="true" icon="fa fa-warning">**success!** Better check yourself, you're not looking too good.</alert>
<alert type="info" dismiss="true" icon="fa fa-warning">**info!** Better check yourself, you're not looking too good.</alert>
<alert type="warning" dismiss="true" icon="fa fa-warning">**Warning!** Better check yourself, you're not looking too good.</alert>
<alert type="danger" dismiss="true" icon="fa fa-warning">**danger!** Better check yourself, you're not looking too good.</alert>

===== Badges =====

Inbox <badge>42</badge>

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

===== Buttons =====

| <btn type="default">Default</btn> | Standard button |
| <btn type="primary">Primary</btn> | Provides extra visual weight and identifies the primary action in a set of buttons |
| <btn type="success">Success</btn> | Indicates a successful or positive action |
| <btn type="info">Info</btn>       | Contextual button for informational alert messages |
| <btn type="warning">Warning</btn> | Indicates caution should be taken with this action |
| <btn type="danger">Danger</btn>   | Indicates a dangerous or potentially negative action |
| <btn type="link">Link</btn>       | Deemphasize a button by making it look like a link while maintaining button behavior |




==== Link button ====

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


==== Sizes ====

Fancy larger or smaller buttons? Add ''size="lg"'', ''size="sm"'', or ''size="xs"'' for additional sizes.

<btn type="primary" size="lg">Large button</btn>
<btn type="default" size="lg">Large button</btn>

<btn type="primary">Default button</btn>
<btn type="default">Default button</btn>

<btn type="primary" size="sm">Small button</btn>
<btn type="default" size="sm">Small button</btn>

<btn type="primary" size="xs">Extra small button</btn>
<btn type="default" size="xs">Extra small button</btn>

==== Block ====

Create block level buttons—those that span the full width of a parent -- by adding ''block="true"'' option.

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

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