Bootstrap Wrapper

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

Añade una serie de componentes de la plantilla Bootstrap en dokuwiki.

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

<accordion collapsed=true id="0">
<panel title="First panel">
First panel content
</panel>
<panel title="Second panel">
Second panel content
</panel>
</accordion>

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

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

<jumbotron>
===== Hello, world! =====

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

Los paneles le dan un aspecto más visual al contenido. Pueden utilizarse en el menú principal, noticias de última hora, …

<panel type="default" title="Menú principal">
  * [[opcion 1]]
  * [[opcion 2]]
  * [[opcion 3]]
</panel>

<panel type="info" footer="2025.09.07 13:27 Lorem ipsucedió hoy">
{{:wiki:dokuwiki-128.png?100 |}} **Lorem ipsum dolor sit amet**.
\\ Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</panel>

Uno de los usos que puede tener es dentro de pequeños tutoriales, donde se va mostrando su progreso visual mediante la misma.

• muted
• primary
• success
• info
• warning
• danger

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

Lorem ipsum dolor sit amet…

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