admin:bootswrapper_manual [HerptoFiles]

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.
====== Bootstrap Wrapper Plugin ======

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


===== Examples/Usage =====

===== Syntax =====

For complete samples and syntax, visit http://www.lotar.altervista.org/dokuwiki/wiki/plugin/bootswrapper.

==== 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>
<code ->
<jumbotron>
===== Hello, world! =====

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


==== 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">
Panel content
</panel>
</code>

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

==== 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>
<col xs="6" lg="4">.col-xs-6 .col-lg-4</col>
</grid></code>

==== Thumbnail ====
<grid>
...
<col xs="6" md="3">
<thumbnail>
{{ wiki:dokuwiki-128.png }}
</thumbnail>
</col>
...
</grid>
<code><grid>
...
<col xs="6" md="3">
<thumbnail>
{{ wiki:dokuwiki-128.png }}
</thumbnail>
</col>
...
</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>
...
<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>

==== 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]]
  * [[:plugin:bootswrapper|Plugin]]
  * [[playground:playground]]
  * DokuWiki
    * [[:wiki:welcome]]
    * [[:wiki:syntax]]
</nav></code>

==== 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
  * [[:wiki:test:]] \\ Link zum Namensraum Test ohne Icon
</list-group></code>


==== 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">
First panel content
</panel>
<panel title="Second panel">
Second panel content
</panel>
</accordion></code>