====== Erweiterte Formatierung mit Bootstrap ======
Mit einem Klick auf den Code in einem grauen Kasten wird dieser direkt in die Zwischenablage kopiert.
=====Bootstrap callout=====
Ein Callout hat standardmäßig am linken Rand einen farbigen oder grauen Strich, optional ein Icon und kann in 5 Standardfarben verwendet werden. Zwischen **%%%%** und **%%%%** befindet sich der Text.
Das ist ein Callout.
Das ist ein Callout.
----
Mit der Ergänzung **%%type="info"%%** können 5 vorgefertige Farben verwendet werden, **%%icon="true"%%** aktiviert das entsprechende Icon
info
primary
success
warning
danger
question
tip
Hier steht Text
----
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.
und benutzerdefiniertem Icon
und benutzerdefiniertem Icon
[[https://www.youtube.com/watch?v=sZxZ_YzsD_w|Hier geht es zum Video auf YouTube]]
[[https://www.youtube.com/watch?v=sZxZ_YzsD_w|Hier geht es zum Video auf YouTube]]
\\
\\
=====Bootstrap panel=====
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.
primary
success
info
warning
danger
primary
----
und benutzerdefiniertem Icon
und benutzerdefiniertem Icon
\\
\\
=====Bootstrap grid:=====
Mit ''%%%%'' und ''%%%%'' 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.
TEXT1
TEXT2
TEXT3
\\
TEXT1
TEXT2
TEXT3
----
Im Grid können alle anderen Elemente angeordnet werden wie Überschriften, Bilder, Panel, Callouts, etc
===== Überschrift 1 =====
TEXT1
===== Überschrift 2 =====
TEXT2
===== Überschrift 3 =====
TEXT3
==== Überschrift 1 ====
TEXT1
==== Überschrift 2 ====
TEXT2
==== Überschrift 3 ====
TEXT3
----
===12 schmale Spalten:===
schmale Spalteschmale Spalteschmale Spalteschmale Spalteschmale Spalteschmale Spalteschmale Spalteschmale Spalteschmale Spalteschmale Spalteschmale Spalteschmale Spalte
----
===Breite und schmale Spalte:===
breite Spalteschmale Spalte
breite Spalteschmale Spalte
----
===mit Panels / Wells:===
breite Spalte - panelschmale Spalte
breite Spalte - wellschmale Spalte
\\
\\
===== Weitere Elemente =====
==== Quickmenü für eine Artikel-Serie ====
Artikel-Serie: **Lehrvideos erstellen** \\
[[:medienproduktion:lehrvideoproduktion|Überblick]]
[[:medienproduktion:vorbereitung_einer_videoproduktion|Vorbereitung]]
[[:medienproduktion:videos_aufzeichnen|Aufzeichnen]]
[[:medienproduktion:videos_bearbeiten|Bearbeiten]]
[[:medienproduktion:videos_komprimieren|Exportieren]]
[[medienproduktion:umsetzungsbeispiele|Umsetzungsbeispiele]]
[[:medienproduktion:plattformen|Videos teilen]]
[[:medienproduktion:lehrvideoproduktion|Überblick]]
[[:medienproduktion:vorbereitung_einer_videoproduktion|Vorbereitung]] ...
====Bootstrap button====
Moodle
Moodle
====Bootstrap label====
wiki
wiki
====Bootstrap badge====
Einen Kurs in Moodle anlegen Einsteiger
Bedingte Herausgabe von Musterlösungen Fortgeschritten
Einsteiger
====Bootstrap images====
{{:bildalternative_blendedlearning-wiki.jpg?nolink&100x100|}}
{{:bildalternative_blendedlearning-wiki.jpg?nolink&100x100|}}
====Bootstrap modal====
Vorschau der Seite "Digitale Lehrmaterialien"
Vorschau der Seite "Digitale Lehrmaterialien"