Erweiterte Formatierung mit Bootstrap

Mit einem Klick auf den Code in einem grauen Kasten wird dieser direkt in die Zwischenablage kopiert.

Ein Callout hat standardmäßig am linken Rand einen farbigen oder grauen Strich, optional ein Icon und kann in 5 Standardfarben verwendet werden. Zwischen <callout> und </callout> befindet sich der Text.

<callout>Das ist ein Callout.</callout>

Mit der Ergänzung type="info" können 5 vorgefertige Farben verwendet werden, icon="true" aktiviert das entsprechende Icon

<callout type="warning" icon="true">Hier steht Text</callout>

Callouts können auch mit Titel und benutzerdefinierter Farbe und Icon verwendet werden. Titel und Farben können mit title="Titel Text" und color="blue" (englische Farbnamen oder Hex #FF3300) eingefügt werden. Das Icon kann aus der folgenden Liste ausgewält werden: https://fontawesome.com/v4.7.0/icons/ und wird mit icon="fa fa-building" eingefügt, wobei nur der letzte Teil (building) mit dem entsprechenden Icon-Code ersetzt wird.

<callout icon="fa fa-building" color="blue" title="Mit Titel Text"> und benutzerdefiniertem Icon</callout>

<callout icon="fa fa-youtube-play" color="red" title="What ist Moodle LMS 4.0?">[[https://www.youtube.com/watch?v=sZxZ_YzsD_w|Hier geht es zum Video auf YouTube]]</callout>

Panels funktionieren ähnlich wie Callouts und können auch mit Typ, Titel und Icon versehen werden. Die Farbe kann aber nicht frei ausgewählt werden.

<panel type="primary" title="Panel title">primary</panel>

<panel type="warning" title="Mit Titel" subtitle="und Untertitel" icon="fa fa-warning">
und benutzerdefiniertem Icon
</panel>

Mit <grid> und <col md="4"> können Spalten erzeugt werden. Die Zahl gibt an, wie breit jede Spalte ist. Die Summe ist immer 12. Es können also zB 12 sehr schmale Spalten mit Breite 1 oder 3 Spalten mit Breite 4 angegeben werden. Oder eine große Spalte mit Breite 9 und eine schmale Spalte mit Breite 3.

<grid>
<col md="4">TEXT1</col>
<col md="4">TEXT2</col>
<col md="4">TEXT3</col>
</grid>

Im Grid können alle anderen Elemente angeordnet werden wie Überschriften, Bilder, Panel, Callouts, etc

<grid><col md="4">
==== Überschrift 1 ====
TEXT1</col><col md="4">
==== Überschrift 2 ====
TEXT2</col><col md="4">
==== Überschrift 3 ====
TEXT3</col></grid>

Artikel-Serie: Lehrvideos erstellen
Überblick Vorbereitung Aufzeichnen Bearbeiten Exportieren Umsetzungsbeispiele Videos teilen

<btn type="primary">[[:medienproduktion:lehrvideoproduktion|Überblick]]</btn> 
<btn type="default">[[:medienproduktion:vorbereitung_einer_videoproduktion|Vorbereitung]]</btn> ... 

Moodle

<btn type="warning" size="xs">Moodle</btn>

wiki

<btn type="warning" icon="fa fa-wikipedia-w">wiki</btn>

Einen Kurs in Moodle anlegen Einsteiger Bedingte Herausgabe von Musterlösungen Fortgeschritten

<badge>Einsteiger</badge>

<image shape="circle">{{:bildalternative_blendedlearning-wiki.jpg?nolink&100x100|}}</image>

Vorschau der Seite „Digitale Lehrmaterialien“

<btn type="primary" modal="modal-remote">Vorschau der Seite "Digitale Lehrmaterialien"</btn>
<modal size="lg" id="modal-remote" remote=":medienproduktion:start"></modal>