====== Poniéndolo bonito ====== DokuWiki nos permite crear a partir de cero una Wiki, pero a todos se nos hacen los dientes largos cuando visitamos sitios de internet y vemos lo chulos que están... o por lo menos nos lo parece. Es posible mejorar el aspecto de nuestra Wiki escogiendo primero una plantilla y luego añadiéndole plugins. Y digo primero la plantilla porque esta va a determinar los plugins que podemos usar con ella. Si, ya sé que es injusto, que todos los plugins deberían funcionar con cualquier plantilla, pero es lo que hay. No vamos a llamarle prisas ni dejadez por parte de los desarrolladores, simplemente las han hecho así. A quien le pique la curiosidad siempre los puede revisar y modificar. Y aquí ya entramos en el campo de lo personal. * Primero te pasas un fin de semana entero escogiendo la plantilla que más te convence, no sólo para ser visualizada en el ordenador sino también en dispositivos móviles. Esto nunca se consigue al cien por cien. En mi caso, la plantilla escogida presenta ciertos defectos en dispositivos móviles cuando hacemos un zoom. No se puede tener todo. * Luego te pasas la semana entera siguiente envidiando la apariencia de otras wikis y preguntándote qué plugins usan para tener ese aspecto. Bueno, una semana o dos. Ese tiempo también lo aprovechas para ir creando contenido e intentando comprender la jerarquía de carpetas (namespaces) y derechos de usuario. * Llega la hora de la verdad y te acondicionas para pasar otro fin de semana probando plugins. Previamente es obligado hacer una copia de seguridad de todo el directorio de tu DokuWiki, no vaya a ser. Pues si, menos mal que tenía esa copia de seguridad porque determinados plugins me hicieron desaparecer botones e incluso opciones importantes de la wiki hasta dejarla inservible. Pero ahí entra la magia de la sencillez de DokuWiki. Recuerda lo más importante: Tanto el directorio raíz de tu Wiki como el resto de contenido debe tener unos permisos muy específicos: Propietario el usuario **http** y grupo **http**. Y un día la encuentras (o lo encuentras). Estaba ahí, siempre estuvo, sólo había que mirar bien o mejor dicho buscar. La madre de todos los plugin. En mi caso el [[http://lotar.altervista.org/dokuwiki/wiki/plugin/bootswrapper|plugin bootswrapper]]. Y a ello vamos. Cojo su página y me hago una copia descarada, para eso está la GPL, antes de que desaparezca o la rapten. Eso sí: Traducido. Osea, otro fin de semana. [[http://getbootstrap.com/components|Otro sitio imprescindible a visitar.]] **Índice** * Componentes de texto: Lead, Text, Labels, Image, Jumbotron, Page heading, Grids, List Group. * Componentes gráficos: Badges, Progress Bar, Wells, Navs, Panels, Alerts, Tooltips, Thumbnails, Buttons, Affix, Collapse, Accordion, Carousel, Callouts. ===== Componentes de texto ===== Aunque podemos seguir escribiendo el formato como siempre en nuestra DokuWiki, una vez instalado este plugin aparecen unas etiquetas con significado propio que transformarán la apariencia de nuestro texto con nuevas posibilidades. ==== Lead ==== Este código: Cuando queremos escribir algo para que no se pase por alto, mostrándolo con letra de mayor tamaño. Muestra: Cuando queremos escribir algo para que no se pase por alto, mostrándolo con letra de mayor tamaño. ==== Text ==== Esta etiqueta tiene dos versiones: En minúsculas y en mayúsculas. La versión en minúsculas crea un elemento en línea (). La versión en mayúsculas crea un elemento de bloque (
). Veamos ejemplos. **Alineamiento**. Este código: Texto alineado a la izquierda. Texto alineado al centro. Texto alineado a la derecha. Este texto aparece justificado, tanto a izquierda como a derecha. Para comprobarlo he escrito un párrafo largo con muchas palabras para que llegue al extremo derecho de la página. Texto con lineas sin partir (no wrap). Muestra: Texto alineado a la izquierda. Texto alineado al centro. Texto alineado a la derecha. Este texto aparece justificado, tanto a izquierda como a derecha. Para comprobarlo he escrito un párrafo largo con muchas palabras para que llegue al extremo derecho de la página. Texto con lineas sin partir (no wrap). **Transformación**. Este código: * Párrafo TODO en minúsculas. * Párrafo con todas las letras en mayúscula. * Párrafo con todas las palabras con su primera letra en mayúsculas. Muestra: * Párrafo TODO en minúsculas. * Párrafo con todas las letras en mayúscula. * Párrafo con todas las palabras con su primera letra en mayúsculas. **Colores de contexto**. Este código: * muted * primary * success * info * warning * danger Muestra: * muted * primary * success * info * warning * danger **Fondos de contexto**. Este código: * Nullam id dolor id nibh ultricies vehicula ut id elit. * Duis mollis, est non commodo luctus, nisi erat porttitor ligula. * Maecenas sed diam eget risus varius blandit sit amet non magna. * Etiam porta sem malesuada magna mollis euismod. * Donec ullamcorper nulla non metus auctor fringilla. Muestra: * Nullam id dolor id nibh ultricies vehicula ut id elit. * Duis mollis, est non commodo luctus, nisi erat porttitor ligula. * Maecenas sed diam eget risus varius blandit sit amet non magna. * Etiam porta sem malesuada magna mollis euismod. * Donec ullamcorper nulla non metus auctor fringilla. === Atributos === ^ Atributo ^ Valores permitidos ^ Descripción ^ | ''type'' | muted, primary, success, info, warning, danger |Color contextual del texto| | ''background'' | primary, success, info, warning, danger |Fondo contextual del texto| | ''align'' | left, right, center, justify, nowrap |Alineación del texto| | ''transform'' | lowercase, uppercase, capitalize |Transformación del texto| | ''size'' | medium, xx-small, x-small, small, large, x-large, xx-large, smaller, larger, length (%, em, px, etc.) |Tamaño del texto| ==== Labels ==== Esta etiqueta tiene dos versiones: En minúsculas y en mayúsculas. La versión en minúsculas
). El código: * * * * * * Muestra: * * * * * * === Atributos === ^ Atributo ^ Valor por defecto ^ Valores permitidos ^ Descripción ^ |''type''|info|default, primary, success, info, warning, danger|Type of label| |''icon''|optional||Font icon class (eg. Glyphicon or Font-Awesome)| ==== Image ==== **Marco cuadrado**. El código: {{:wiki:dokuwiki-128.png?nolink&100|}} Muestra la imagen en un recorte cuadrado del tamaño del lado indicado: {{doc:wiki:dokuwiki-128.png?nolink&100|}} \\ **Marco redondo**. El código: {{:wiki:dokuwiki-128.png?nolink&100|}} Muestra la imagen en un recorte redondo del tamaño del diámetro indicado: {{doc:wiki:dokuwiki-128.png?nolink&100|}} \\ **Marco thumbnail**. El código: {{:wiki:dokuwiki-128.png?nolink&100|}} Muestra un marco alrededor de la imagen: {{doc:wiki:dokuwiki-128.png?nolink&100|}} === Atributos === ^Atributo^Valores permitidos^[Descripción]^ |''shape''|rounded, circle, thumbnail|[Image shape]| ==== Jumbotron ==== El código: ====== Hola Mundo ====== Este componente de estilo jumbotron pretende llamar una enorme atención al contenido o información ofrecida. Muestra: ====== Hola Mundo ====== Este componente de estilo jumbotron pretende llamar una enorme atención al contenido o información ofrecida. ==== Page heading ==== El código: ===== Título ===== Esta es otra forma de mostrar el título de una página, donde le hemos añadido con estilos una linea horizontal inferior. Muestra: ===== Título ===== Esta es otra forma de mostrar el título de una página, donde le hemos añadido con estilos una linea horizontal inferior. ==== Grids ==== **Nota**. En lugar de ''grid'' podemos usar ''row''. El código: .col-sm-6 .col-sm-6 Muestra: .col-sm-6 .col-sm-6 \\ El código: .col-xs-12 .col-sm-6 .col-lg-8 .col-xs-6 .col-lg-4 Muestra: .col-xs-12 .col-sm-6 .col-lg-8 .col-xs-6 .col-lg-4 === Atributos === ^Atributo^[Descripción]^ |''xs''|[Column size (1 ~ 12)]| |''sm''|[Column size (1 ~ 12)]| |''lg''|[Column size (1 ~ 12)]| |''md''|[Column size (1 ~ 12)]| ==== List Group ==== **Ejemplo básico** El código: * Cras justo odio * Dapibus ac facilisis in * Morbi leo risus * Porta ac consectetur ac * Vestibulum at eros Muestra: * Cras justo odio * Dapibus ac facilisis in * Morbi leo risus * Porta ac consectetur ac * Vestibulum at eros **Badges (Insignias)** El código: * Cras justo odio 14 * Dapibus ac facilisis in 2 * Morbi leo risus 1 Muestra: * Cras justo odio 14 * Dapibus ac facilisis in 2 * Morbi leo risus 1 **Linked items (Artículos vinculados)** El código: * [[wiki:hola|Bienvenid@ a tu nueva DokuWiki]] * [[wiki:sintaxis|Sintaxis de formato]] * [[wiki:enlaces|Enlaces DokuWiki]] Muestra: * [[doc:wiki:hola:inicio|Bienvenid@ a tu nueva DokuWiki]] * [[doc:wiki:sintaxis|Sintaxis de formato]] * [[doc:wiki:enlaces|Enlaces DokuWiki]] **Contenido personalizado** El código: * [[wiki:hola|Bienvenid@ a tu nueva DokuWiki]] \\ Pequeña introducción a lo que es una Wiki * [[wiki:sintaxis|Sintaxis de formato]] \\ Cómo escribir código e información en la wiki * [[wiki:enlaces|Enlaces DokuWiki]] \\ Descargas, información y mucho más Muestra: * [[doc:wiki:hola:inicio|Bienvenid@ a tu nueva DokuWiki]] \\ Pequeña introducción a lo que es una Wiki * [[doc:wiki:sintaxis|Sintaxis de formato]] \\ Cómo escribir código e información en la wiki * [[doc:wiki:enlaces|Enlaces DokuWiki]] \\ Descargas, información y mucho más **Icons Plugin** El código: * {{fa>book?fw}} [[:doc:inicio|Publicaciones]] Muestra: * {{fa>book?fw}} [[doc:inicio|Publicaciones]] * {{ :doc:wiki:bonito:fontawesome.pdf |Lista de iconos Fontawesome}} * [[https://glyphicons.bootstrapcheatsheets.com/|]] * [[http://www.lotar.altervista.org/dokuwiki/wiki/plugin/icons|Más información]] ===== Componentes gráficos ===== ==== Badges ==== **Insignias**. El código: * Inbox 42 * Messages 4 Muestra: * Inbox 42 * Messages 4 ==== Progress Bar ==== **Barras de progreso**. El código: Muestra: **Con etiqueta**. El código: Muestra: **Alternativas contextuales**. El código: Muestra: **A rayas**. El código: Muestra: **Animada**. El código: Muestra: **Apiladas**. El código: Muestra: === Atributos === ^Atributo^Valor por defecto^Valores permitidos^[Descripción]^ |''type''|info|success, info, warning, danger|[Tipo de barra de progreso]| |''animate''|optional|true|[Anima la barra]| |''striped''|optional|true|[Añade efecto de rayas a la barra]| |''showvalue''|optional|true|[Visualiza el porcentaje del progreso de la barra]| ==== Wells ==== **Por defecto**. El código: Mira, ¡estoy en una caja! Muestra: Mira, ¡estoy en una caja! **Tamaño pequeño**. El código: Mira, ¡estoy en una caja pequeña! Muestra: Mira, ¡estoy en una caja pequeña! **Tamaño grande**. El código: Mira, ¡estoy en una caja grande! Muestra: Mira, ¡estoy en una caja grande! === Atributos === ^Atributo^Valor por defecto^Valores permitidos^[Descripción]^ |''size''|optional|sm, lg|[Tamaño de la caja]| ==== Navs ==== **tabs - Pestañas con menú desplegable**. El código: Muestra: **Nota**. Sólo admite un nivel de submenú. **Nota**. En lugar de ''nav type="tabs"'' puedes usar ''tabs''. \\ \\ **pills - Píldoras con menú desplegable**. El código: Muestra: **Nota**. Muy semejante al anterior pero los menús desplegados están envueltas en cajas redondeadas sueltas del menú principal. **Nota**. En lugar de ''nav type="pills"'' puedes usar ''pills''. \\ **pills - Apiladas**. El código: Muestra: **pills - Justificadas**. El código: Muestra: **tabs - Justificadas**. El código: Muestra: **Panel de pestañas**. El código: * [[#tab-quien|Quienes somos]] * [[#tab-contact|Contacto]] === Quienes somos === Somos una empresa seria, con larga tradición en timar a nuestros clientes. De momento el fisco aún no nos ha pillado en ningún renuncio, lo cual redunda en nuestra fiabilidad a la hora de cometer, perdón, acometer nuestros loables objetivos. === Contacto === Por razones obvias no poseemos domicilio fiscal. No es cuestión de dar facilidades. Ni tampoco tenemos teléfono ni correo electrónico. Pónganse en contacto con nosotros a través del tradicional método del boca a boca. Nosotros le encontraremos. Muestra: * [[#tab-quien|Quienes somos]] * [[#tab-contact|Contacto]] === Quienes somos === Somos una empresa seria, con larga tradición en timar a nuestros clientes. De momento el fisco aún no nos ha pillado en ningún renuncio, lo cual redunda en nuestra fiabilidad a la hora de cometer, perdón, acometer nuestros loables objetivos. === Contacto === Por razones obvias no poseemos domicilio fiscal. No es cuestión de dar facilidades. Ni tampoco tenemos teléfono ni correo electrónico. Pónganse en contacto con nosotros a través del tradicional método del boca a boca. Nosotros le encontraremos. \\ \\ **El panel de pestañas y el plugin Include**. Utilizar el plugin ''include'' con el indicador o flag ''inline'' para evitar comportamientos inesperados: {{page>:wiki:syntax#Tables&inline}} **De la documentación del plugin:include**: No cerrar o abrir secciones que incluyan una página. Este indicador o flag debería usarse dentro de otros elementos de sintaxis como listas o tables o dentro de la sintaxis de otro plugin. Nota para TOC. Se sugiere añadir ~~NOTOC~~ porque el TOC se muestra entre la barra de pestañas y el contenido. === Atributos === ^Atributo^Valor por defecto^Valores permitidos^[Descripción]^ |''type''|pills|tabs, pills|[Type of nav]| |''stacked''|optional|true|[Stacked nav items]| |''justified''|optional|true|[Justify nav items]| |''fade''|optional|true|[Enable fade effect on tabs]| ==== Panels ==== El código: Este aparato posee una cuidada ergonomía, haciéndolo atractivo para situarlo en cualquier lugar de la oficina. A su vez, el nivel de ruido es imperceptible, pudiendo usarse incluso en bibliotecas o en ambientes de trabajo muy silenciosos. Muestra: Este aparato posee una cuidada ergonomía, haciéndolo atractivo para situarlo en cualquier lugar de la oficina. A su vez, el nivel de ruido es imperceptible, pudiendo usarse incluso en bibliotecas o en ambientes de trabajo muy silenciosos. === Atributos === ^Atributo^Valor por defecto^Valores permitidos^[Descripción]^ |''type''|default|default, primary, success, info, warning, danger|[Type of panel]| |''title''|optional||[Title of panel]| |''subtitle''|optional||[Subtitle of panel]| |''icon''|optional||[Font icon class (eg. Glyphicon or Font-Awesome)]| |''nobody''|optional||[Don't add a panel body. Useful to add other particular tags (or tables) inside a panels]| ==== Alerts ==== El código: ** Bien hecho! ** Leíste con éxito este mensaje de alerta importante. **Aviso!** Esta alerta necesita de su atención, pero no es muy importante. **Advertencia!** Compruebe los datos del sistema, no parecen estar bien. **Peligro!** Error inminente si no corrige su configuración. Muestra: ** Bien hecho! ** Leíste con éxito este mensaje de alerta importante. **Aviso!** Esta alerta necesita de su atención, pero no es muy importante. **Advertencia!** Compruebe los datos del sistema, no parecen estar bien. **Peligro!** Error inminente si no corrige su configuración. ==== Tooltips ==== El código: Acércate, le dijo sin pudor... Muestra: Acércate, le dijo sin pudor... ==== Thumbnails ==== **Uso básico**. El código: {{ wiki:dokuwiki-128.png }} {{ wiki:dokuwiki-128.png }} {{ wiki:dokuwiki-128.png }} {{ wiki:dokuwiki-128.png }} Muestra: {{ doc:wiki:dokuwiki-128.png }} {{ doc:wiki:dokuwiki-128.png }} {{ doc:wiki:dokuwiki-128.png }} {{ doc:wiki:dokuwiki-128.png }} **Contenido personalizado**. El código: {{ wiki:dokuwiki-128.png }} === 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.// {{ wiki:dokuwiki-128.png }} === 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.// {{ wiki:dokuwiki-128.png }} === 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.// {{ wiki:dokuwiki-128.png }} === 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.// Muestra: {{ doc:wiki:dokuwiki-128.png }} === 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.// {{ doc:wiki:dokuwiki-128.png }} === 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.// {{ doc:wiki:dokuwiki-128.png }} === 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.// {{ doc:wiki:dokuwiki-128.png }} === 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.// [[http://getbootstrap.com/css/#grid|Más información.]] ==== Buttons ==== **Uso básico**. El código: Muestra: **Enlace en el botón**. El código: Muestra: **Tamaños**. El código: Muestra: === Atributos === ^Atributo^Valor por defecto^Valores permitidos^[Descripción]^ |''type''|default|default, primary, success, info, warning, danger, link|[Type of button]| |''icon''|optional||[Font icon class (eg. Glyphicon or Font-Awesome)]| |''size''|optional|lg, sm, xs|[Grande, pequeño, mini]| |''collapse''|optional||[Target element selector to collapse (see Collapse)]| ==== Collapse ==== El código: Las condiciones del contrato difieren de las reales en que la parte contratante de la primera parte contrata con la segunda parte contratante de la primera parte la parte contratante de la segunda parte. Y alguien se pregunta ¿Donde están los testigos? Los testigos afirman haber visto a la parte primera contratante en el bar del barco, junto con la rubia contratante de la primera parte. Muestra: Las condiciones del contrato difieren de las reales en que la parte contratante de la primera parte contrata con la segunda parte contratante de la primera parte la parte contratante de la segunda parte. Y alguien se pregunta ¿Donde están los testigos? Los testigos afirman haber visto a la parte primera contratante en el bar del barco, junto con la rubia contratante de la primera parte. === Atributos === ^Atributo^Valor por defecto^Valores permitidos^[Descripción]^ |''id''|||[Etiqueta identificadora del elemento colapsado]| |''collapsed''|false|true, false|[Activa/Desactiva el estado colapsado]| ==== Accordion ==== El código: 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. 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. 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. Muestra: 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. 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. 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. ==== Carousel ==== **Uso básico**. El código: {{:wiki:plato1.jpg?nolink|}} {{:wiki:plato2.jpg?nolink|}} {{:wiki:plato3.jpg?nolink|}} Muestra: {{doc:wiki:bonito:plato1.jpg?nolink|}} {{doc:wiki:bonito:plato2.jpg?nolink|}} {{doc:wiki:bonito:plato3.jpg?nolink|}} \\ **Uso alternativo**. El código: {{:wiki:plato1.jpg?nolink|}} {{:wiki:plato2.jpg?nolink|}} {{:wiki:plato3.jpg?nolink|}} Muestra: {{doc:wiki:bonito:plato1.jpg?nolink|}} {{doc:wiki:bonito:plato2.jpg?nolink|}} {{doc:wiki:bonito:plato3.jpg?nolink|}} \\ **Caption**. EL código: {{:wiki:plato1.jpg?nolink|}} === First slide label === Nulla vitae elit libero, a pharetra augue mollis interdum. [...] Muestra: {{doc:wiki:bonito:plato1.jpg?nolink|}} === First slide label === Nulla vitae elit libero, a pharetra augue mollis interdum. === Atributos === ^Atributo^ Tipo ^ Valor por defecto ^ [Descripción] ^ | ''interval'' | number | ''5000'' |[The amount of time to delay between automatically cycling an item. If false, carousel will not automatically cycle.]| | ''pause'' | string | ''hover'' |[Pauses the cycling of the carousel on mouseenter and resumes the cycling of the carousel on mouseleave.]| | ''wrap'' | boolean | ''true'' |[Whether the carousel should cycle continuously or have hard stops.]| | ''keyboard'' | boolean | ''true'' |[Whether the carousel should react to keyboard events.]| ==== Callouts ==== **Uso básico**. El código: === ¿Cuál es el componente de llamada? === La documentación Bootstrap tiene formas realmente agradables para llamar la atención sobre la información importante, pero por alguna razón estas llamadas no están incluidos en la distribución actual de Bootstrap. Este plugin incluye la llamada de atención original a partir de la documentación Bootstrap, con varios valores para su parámetro ''type'' (default, success, primary, info, warning, danger) de http://cpratt.co/twitter-bootstrap-callout-css-styles. Muestra: === ¿Cuál es el componente de llamada? === La documentación Bootstrap tiene formas realmente agradables para llamar la atención sobre la información importante, pero por alguna razón estas llamadas no están incluidos en la distribución actual de Bootstrap. Este plugin incluye la llamada de atención original a partir de la documentación Bootstrap, con varios valores para su parámetro ''type'' (default, success, primary, info, warning, danger) de http://cpratt.co/twitter-bootstrap-callout-css-styles. Otro ejemplo: === Nota importante === Debemos declarar primero las variables a utilizar en el programa. === Atributos === ^ Atributo ^ Valor por defecto ^ Valores permitidos ^ [Descripción] ^ | ''type'' | default | default, primary, success, info, warning, danger | [Type of callout] |