====== DokuWiki で Wrapper Plugin 探すなら、断然Bootstrap3 Wrapper Plugin が良かった！ ======

もちろん、Bootstrap3 テンプレートを使っている前提です。

Wrap Plugin では上手く行かなかったグリッドや、パネルなど、便利に使える記法が盛りだくさん!

詳しくは 本家サイトを見てみて下さい。

https://www.dokuwiki.org/plugin:bootswrapper

なお日本語訳サイトは情報が更新されていないため、最新のDokuWikiバージョンに未対応と表示されますが、英語サイトでは Compatible と書かれておりますので、大丈夫です。

===== Jumbotron =====

<sxh html>
<jumbotron>
====== Hello, world! ======

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.
</jumbotron>
</sxh>

<jumbotron>
====== Hello, world! ======

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.
</jumbotron>

===== Alert =====

<alert type="success" icon="glyphicon glyphicon-user" dismiss="true">
**Well done!** You successfully read this important alert message.
</alert>

===== Nav =====

<nav>
  * [[:start]]
  * [[:plugin:bootswrapper|Plugin]]
  * [[playground:playground]]
  * DokuWiki
    * [[:wiki:welcome]]
    * [[:wiki:syntax]]
</nav>

===== Panel =====

<panel type="default" title="Title of Panel" subtitle="Subtitle" icon="fa fa-home">
Panel content
</panel>

===== Well =====

<well>Look, I'm in a well!</well>

===== Grid & Col =====

内側の要素をネストしたくなるが、そうするとタグが解釈されないらしい。
すべての開始タグは行頭に書かなければいけないっぽい。

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

===== Button =====

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

===== Text =====

<sxh html>
  * <text type="muted">muted</text>
  * <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>
</sxh>

  * <text type="muted">muted</text>
  * <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>

===== Accordion =====

<sxh html>
<accordion>
<panel title="First panel">
First panel content
</panel>
<panel title="Second panel">
Second panel content
</panel>
</accordion>
</sxh>

<accordion>
<panel title="First panel">
First panel content
</panel>
<panel title="Second panel">
Second panel content
</panel>
</accordion>