DokuWiki

It's better when it's simple

User Tools

Site Tools


plugin:bootswrapper

Bootstrap Wrapper Plugin

Compatible with DokuWiki

  • 2017-02-19 "Frusterick Manners" unknown
  • 2016-06-26 "Elenor Of Tsort" yes
  • 2015-08-10 "Detritus" yes
  • 2014-09-29 "Hrun" yes

plugin Useful plugin for add several Bootstrap components (Jumbotron, Alerts, Panels, Nav & Tabs, etc) to DokuWiki especially in combination with a Bootstrap template

Last updated on
2017-03-21
Provides
Syntax, Action
Repository
Source
Conflicts with
alertbox, caption

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

This plugin adds to your DokuWiki, several Bootstrap components:

Installation

Install the plugin using the Plugin Manager and the download URL above, which points to latest version of the plugin. Refer to Plugins on how to install plugins manually.

Examples/Usage

Syntax

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>

Panel

<panel type="default" title="Title of Panel" subtitle="Subtitle" icon="fa fa-home">
Panel content
</panel>

Alert

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

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>

Tooltip

<tooltip title="Sample Text" location="bottom">Lorem ipsum</tooltip> dolor sit amet...

Grids

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

Thumbnail

<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

<well>Look, I'm in a well!</well>

Button

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

Configuration and Settings

Configuration Default
loadBootstrap 1

Development

Build Status

Change Log

Known Bugs and Issues

Please report bugs or feature requests at the Bug tracker.

ToDo/Wish List

  • 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

FAQ

Discussion

Image sizes

What image sizes should we use for jumbotron background?

Jumbotron and dw2pdf

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

See also

plugin/bootswrapper.txt · Last modified: 2017-03-21 17:48 by lotar