Useful plugin for adding several Bootstrap components (Jumbotron, Alert, Panel) to DokuWiki especially in combination with a Bootstrap template (Bootstrap3).

Note: This plugin will only work with Bootstrap-compatible templates, of which the default DokuWiki template is not one.

This plugin adds to your DokuWiki, several Bootstrap components:

• Jumbotron
• Buttons
• Alerts
• Text
• Tooltips
• Grids
• Thumbnails
• Panels
• Wells
• Labels
• Nav & Tabs (with dropdown)
• Page heading
• Lead
• Badges
• List Group
• Progress Bars
• Affix
• Carousel
• Accordion
• Callouts
• Modal (with remote attribute)
• Popover

Search and install the plugin using the Extension Manager. Refer to Plugins on how to install plugins manually.

NOTE: This plugin require SimpleXML PHP module. You can install it using a package manager of your Linux distribution.

Run this command to check if the module is installed in your system:

php -m | grep -i simplexml

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

<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 type="default" title="Title of Panel" subtitle="Subtitle" icon="fa fa-home">
Panel content
</panel>

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

  * <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 title="Sample Text" placement="bottom">Lorem ipsum</tooltip> dolor sit amet...

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

<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>Look, I'm in a well!</well>

<button type="success" size="lg" icon="glyphicon glyphicon-edit">[[:wiki:welcome]]</button>

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

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

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

• https://influencerswiki.org - Wikipedia of Influencers
• https://crocs.fi.muni.cz/ (wikitext viewable)
• https://www.refa-sachsenanhalt.de (wikitext viewable, but hard to read)

• Added support for Igor by giterlizzi (2022-09-22 22:32)
• Merge branch 'develop' into master by giterlizzi (2020-09-03 14:42)
• Bump version by giterlizzi (2020-09-03 14:42)
• Fixed icon position in Tab syntax by giterlizzi (2020-09-03 14:37)
• Fixed CI by giterlizzi (2020-09-03 14:25)
• Fixed regression with Hogfather release and Nav syntax by giterlizzi (2020-09-02 19:30)
• Fixed well syntax and small JS optimizations by giterlizzi (2020-08-19 15:56)
• Merge branch 'develop' into master by giterlizzi (2020-08-06 12:21)

Please report bugs or feature requests at the Bug tracker.

• Add support to Nav
• Improve support to Tab
• Add support to Collapse / Accordion
• Add support to PopupOver
• Add support to DropDown
• Add support to Progress Bar
• Add support to Breadcrumbs
• Add support to Badges
• Add support to List Group
• Add support to Carousel

What image sizes should we use for jumbotron background?

Printing the web page makes appear jumbotron. But building the PDF with dw2pdf does it not. What should I do to make it work?

Further to this, could full support for dw2pdf be added so that all the feature styles map across?

Hello, thank you for your plugin, it's really useful. I wondering whether there is an option to start the accordion so that all the panels are collapsed by default? Using the collapsible function the first panel in the accordion is always open and the rest is collapsed. I was thinking about a workaround with the “collapse button” function but maybe there is another way? - Thanks, Arkul

• Glyphicons