plugin:bootstrap-wrapper

差異處

這裏顯示兩個版本的差異處。

連向這個比對檢視

下次修改
前次修改
plugin:bootstrap-wrapper [2022/02/18 16:04] – 建立 hankplugin:bootstrap-wrapper [2022/03/30 11:06] (目前版本) – [Button] hank
行 1: 行 1:
 ====== 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 =====
行 19: 行 25:
 **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>
 +
  
  
行 75: 行 90:
 ===== 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 =====
行 96: 行 120:
 </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>
  
  
行 112: 行 146:
  
 {{tag>plug-in}} {{tag>plug-in}}
 +{{keywords>dokuwiki demo,Bootstrap Wrapper Plug-in}}
  • plugin/bootstrap-wrapper.1645171457.txt.gz
  • 上一次變更: 2022/02/18 16:04
  • hank