====== Bootstrap Wrapper ======

這是Moment網站中的DokuWiki的Bootstrap Wrapper Plug-in 語法與效果展示

參考文件
  * [[https://www.dokuwiki.org/plugin:bootswrapper| dokuwiki Bootstrap Wrapper Plugin]]
  * [[http://www.lotar.altervista.org/wiki/wiki/plugin/bootswrapper|Bootstrap Wrapper Plugin ]] <-效果可以作者網頁中看

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

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

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

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


===== Carousel ===== 
<carousel>
{{https://moment.tw/wp-content/gallery/111-0130/111-0130-22.jpg?nolink|}}
{{https://moment.tw/wp-content/gallery/111-0130/111-0130-14.jpg?nolink|}}
{{https://moment.tw/wp-content/gallery/111-0130/111-0130-36.jpg?nolink|}}
</carousel>



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

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

===== Grids =====
<grid>
<col sm="6">.col-sm-6</col>
<col sm="6">.col-sm-6</col>
</grid>

<grid>
<col xs="12" sm="6" lg="8">.col-xs-12 .col-sm-6 .col-lg-8</col>
<col xs="6" lg="4">.col-xs-6 .col-lg-4</col>
</grid>

===== Thumbnail =====

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

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

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

===== Button =====

點選Button之後，帶到特定的連結頁面\\
|<button type="success" size="lg" icon="glyphicon glyphicon-edit">[[:wiki:welcome]]</button>|<code><button type="success" size="lg" icon="glyphicon glyphicon-edit">[[:wiki:welcome]]</button></code>|
|<button type="success" size="sx" icon="glyphicon glyphicon-edit">[[:wiki:welcome]]</button>|<code><button type="success" size="sx" icon="glyphicon glyphicon-edit">[[:wiki:welcome]]</button></code>|
|<button type="success" size="sm" icon="glyphicon glyphicon-edit">[[:wiki:welcome]]</button>|<code><button type="success" size="sm" icon="glyphicon glyphicon-edit">[[:wiki:welcome]]</button></code>|


顯目顯示
|<button type="primary" size="lg">解決方式</button> | <code><button type="primary" size="lg">解決方式</button></code> |
|<button type="primary" size="sx">解決方式</button> | <code><button type="primary" size="sx">解決方式</button></code> |
|<button type="primary" size="sm">解決方式</button> | <code><button type="primary" size="sm">解決方式</button></code> |

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

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

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

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









參考文件
  * [[https://www.dokuwiki.org/plugin:bootswrapper| dokuwiki Bootstrap Wrapper Plugin]]
  * [[http://www.lotar.altervista.org/wiki/wiki/plugin/bootswrapper|Bootstrap Wrapper Plugin (作者)]] 

----

{{tag>plug-in}}
{{keywords>dokuwiki demo,Bootstrap Wrapper Plug-in}}