Diferencias

Muestra las diferencias entre dos versiones de la página.

--- plugins:bootswrapper:jumbotron:start [2026/06/12 18:26] – creado webmaster
+++ plugins:bootswrapper:jumbotron:start [2026/06/12 18:27] (actual) – webmaster
@@ Línea 1: / Línea 1: @@
-====== Accordion ======
+====== Jumbotron ======
-An accordion with the panel component.
+A lightweight, flexible component that can optionally extend the entire viewport to showcase key content on your site.
-===== Example =====
+<jumbotron>
+<html><h1></html> Hello, world! <html></h1></html>
-<accordion>
+This is a simple hero unit, a simple jumbotron-style
-<panel title="Collapsible Group Item #1">
+component for calling extra attention to featured
-Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
+content or information.
-</panel>
-<panel title="Collapsible Group Item #2">
+<btn type="primary">[[#|Learn more]]</btn>
-Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
+</jumbotron>
-</panel>
-<panel title="Collapsible Group Item #3">
-Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
-</panel>
-</accordion>
 \\
-<code html5><accordion>
+<code html5><jumbotron>
-<panel title="Collapsible Group Item #1">
+====== Hello, world! ======
-Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
-</panel>
+This is a simple hero unit, a simple jumbotron-style
-<panel title="Collapsible Group Item #2"> [...] </panel>
+component for calling extra attention to featured
-<panel title="Collapsible Group Item #3"> [...] </panel>
+content or information.
-</accordion></code>
+<btn type="primary">[[#|Learn more]]</btn>
+</jumbotron></code>
+===== Background and text colors =====
+<code html><jumbotron background=":wiki:plugin:bootswrapper:35723-fielx.jpg" color="#fff">
+====== Lorem ipsum! ======
+Lorem ipsum dolor sit amet, [...]
+</jumbotron></code>
+<jumbotron background=":wiki:plugin:bootswrapper:35723-fielx.jpg" color="#fff">
+====== Lorem ipsum! ======
+Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+<btn type="primary">Link</btn>
+</jumbotron>
+^ Attribute ^ Description ^
+| ''background'' | Background URL or DokuWiki Media link (eg '':wiki:logo.png'') |
+| ''color''      | Color name or HEX (eg. ''#ffffff'') of text |