Skip to content

Latest commit

 

History

History
217 lines (107 loc) · 2.44 KB

File metadata and controls

217 lines (107 loc) · 2.44 KB
title author description url iconprefix
Markdown to Bootstrap
François Parlant
Pandoc Lua filter to convert markdown code into Beautiful Bootstrap components (carousel, accordion, cards, jumbotrons...)
bi

JUMBOTRON

::: jumbotron

Learn Markdown

Lead text for this header block

Description part for this jumbotron

:::

JUMBOTRON COLORED

::: {.jumbotron .bg-success .text-white}

Learn Boostrap

Lead text for this header block

Description part for this jumbotron

:::

ALERTS

::: danger

You must do this to be safe

:::

::: info

This is an information

:::

::: warning

[]{.bi .bi-bug} This is an information

:::

CARD

::: card ::::::::

::: header

text of the header

:::

a title in the body

Paragraph one of the body Paragraph two of the body

::: footer

text of the footer

:::

::::::::::::::::::

ACCORDION

::: accordion

Accordion Item #1

First toggle content

Accordion Item #2

Second toggle content

Accordion Item #3

Third toggle content

:::

CAROUSEL

::: carousel

First slide label

Some representative placeholder content for the first slide.

Second slide label

Some representative placeholder content for the second slide.

Third slide label

Some representative placeholder content for the third slide.

:::

TABS

::: tabs

Linux

Support for Linux users

Create a shell script

Mac

Support for Mac users

Do it with Cmd.

Windows

Support for windows users

Do it with Ctrl

:::

::: quiz

this is the question?

  • at the start
  • something else
    • feedback for this
  • the end

:::

::: {.quiz .carousel}

2 most frequent questions

Earn points for the exam

Which bootstrap component can be swyped?

  • Carousel
    • Perfect! yes the carousel has controls to swype on mobile and click on desktop. Second paragraph of feedback
  • Accordion
  • Alert
  • Carddeck

Which language takes indentation very seriously?

  • javascript
  • Php
  • Python
    • yes in Python indenting code is very important

:::

BUTTONS

Pandoc repository

Pandoc repository{.success}

EMBEDS

Moodle Bootstrap Design

Youtube video with sharing links{.social}

Icons

I love []{.bi .bi-bootstrap} with markdown.

normal chapter

  • a normal list
  • with items
  • or more
  • to finish