下次修改 | 前次修改
|
plugin:bootstrap-wrapper [2022/02/18 16:04] – 建立 hank | plugin:bootstrap-wrapper [2022/03/30 11:06] (目前版本) – [Button] hank |
---|
====== Bootstrap Wrapper ====== | ====== 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 ===== |
**Well done!** You successfully read this important alert message. | **Well done!** You successfully read this important alert message. |
</alert> | </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> |
| |
| |
| |
===== Button ===== | ===== Button ===== |
| |
<button type="success" size="lg" icon="glyphicon glyphicon-edit">[[:wiki:welcome]]</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 ===== |
</panel> | </panel> |
</accordion> | </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> |
| |
| |
| |
{{tag>plug-in}} | {{tag>plug-in}} |
| {{keywords>dokuwiki demo,Bootstrap Wrapper Plug-in}} |