Differences

This shows you the differences between two versions of the page.

--- admin:bootswrapper_manual [2025/09/18 17:23] – created admin
+++ admin:bootswrapper_manual [2025/09/18 17:32] (current) – [Accordion] admin
@@ Line 1: / Line 1: @@
 ====== Bootstrap Wrapper Plugin ======
+[[https://www.dokuwiki.org/plugin:bootswrapper]]
 ===== Examples/Usage =====
@@ Line 8: / Line 11: @@
 ==== Jumbotron ====
+<jumbotron>
+===== Hello, world! =====
-<code>
+This is a simple hero unit, a simple jumbotron-style
+component for calling extra attention to featured
+content or information.
+</jumbotron>
+<code ->
 <jumbotron>
 ===== Hello, world! =====
@@ Line 19: / Line 28: @@
 </code>
-==== Panel ====
+==== Panel ====
+<panel type="default" title="Title of Panel" subtitle="Subtitle" icon="fa fa-home">
+Panel content
+</panel>
 <code>
 <panel type="default" title="Title of Panel" subtitle="Subtitle" icon="fa fa-home">
@@ Line 28: / Line 40: @@
 ==== Alert ====
+<alert type="success" icon="glyphicon glyphicon-user" dismiss="true">
-<code><alert type="success" icon="glyphicon glyphicon-user" dismiss="true">
 **Well done!** You successfully read this important alert message.
-</alert></code>
+</alert>
+<code>
+<alert type="success" icon="glyphicon glyphicon-user" dismiss="true">
+**Well done!** You successfully read this important alert message.
+</alert>
+</code>
 ==== 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>
 <code>
   * <text type="muted">muted</text>
@@ Line 45: / Line 66: @@
 ==== Tooltip ====
+<tooltip title="Sample Text" placement="bottom">Lorem ipsum</tooltip> dolor sit amet...
 <code><tooltip title="Sample Text" placement="bottom">Lorem ipsum</tooltip> dolor sit amet...</code>
 ==== Grids ====
+<grid>
+<col sm="6">.col-sm-6</col>
+<col sm="6">.col-sm-6</col>
+</grid>
 <code><grid>
 <col sm="6">.col-sm-6</col>
 <col sm="6">.col-sm-6</col>
 </grid></code>
+<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>
 <code><grid>
 <col xs="12" sm="6" lg="8">.col-xs-12 .col-sm-6 .col-lg-8</col>
@@ Line 61: / Line 88: @@
 ==== Thumbnail ====
+<grid>
+...
+<col xs="6" md="3">
+<thumbnail>
+{{ wiki:dokuwiki-128.png }}
+</thumbnail>
+</col>
+...
+</grid>
 <code><grid>
 ...
@@ Line 71: / Line 106: @@
 ...
 </grid></code>
+<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>
 <code><grid>
 ...
@@ Line 88: / Line 136: @@
 ==== Well ====
+<well>Look, I'm in a well!</well>
 <code><well>Look, I'm in a well!</well></code>
 ==== 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>
 ==== Nav ====
+<nav>
+  * [[:start]]
+  * [[:plugin:bootswrapper|Plugin]]
+  * [[playground:playground]]
+  * DokuWiki
+    * [[:wiki:welcome]]
+    * [[:wiki:syntax]]
+</nav>
 <code><nav>
   * [[:start]]
@@ Line 107: / Line 162: @@
 ==== List-Group =====
+<list-group>
+  * {{fa->home?48}} [[:]] \\ Link zur Hauptseite des Wikis mit FA-Icon Home mit 48 Punkten
+  * [[:wiki:test:]] \\ Link zum Namensraum Test ohne Icon
+</list-group>
 <code><list-group>
   * {{fa->home?48}} [[:]] \\ Link zur Hauptseite des Wikis mit FA-Icon Home mit 48 Punkten
@@ Line 115: / Line 173: @@
 ==== Accordion ====
+<accordion>
+<panel title="First panel">
+First panel content
+</panel>
+<panel title="Second panel">
+Second panel content
+</panel>
+</accordion>
 <code><accordion>
 <panel title="First panel">