Erweiterte Formatierung mit Bootstrap [Wiki Digitale Lehre]

Diese Seite ist nicht editierbar. Sie können den Quelltext sehen, jedoch nicht verändern. Kontaktieren Sie den Administrator, wenn Sie glauben, dass hier ein Fehler vorliegt.
~~NOTOC~~
====== Blended Learning Wiki Konventionen ======

====Bootstrap callout====
<grid>
<col md="3"><callout type="primary" icon="true">primary</callout></col>
<col md="3"><callout type="success" icon="true">success</callout></col>
<col md="3"><callout type="info" icon="true">info</callout></col>
<col md="3"><callout type="warning" icon="true">warning</callout></col>
<col md="3"><callout type="danger" icon="true">danger</callout></col>
<col md="3"><callout type="question" icon="true">question</callout></col>
<col md="3"><callout type="tip" icon="true">tip</callout></col>
</grid>
<code><callout type="warning" icon="true">TEXT</callout></code>
<callout type="warning" icon="true">mit Icon</callout>
<code><callout type="warning">TEXT</callout></code>
<callout type="warning">ohne Icon</callout>
<code><callout icon="fa fa-building" color="blue" title="Mit Titel Text"> und benutzerdefiniertem Icon</callout></code> [[https://fontawesome.com/v4.7.0/icons/]]
<callout icon="fa fa-building" color="blue" title="Mit Titel Text"> und benutzerdefiniertem Icon</callout>

\\
\\

====Bootstrap panel====
<grid>
<col md="2"><panel type="warning" title="Panel title"> primary</panel></col>
<col md="2"><panel type="success" title="Panel title">success</panel></col>
<col md="2"><panel type="info" title="Panel title">info</panel></col>
<col md="2"><panel type="warning" title="Panel title">warning</panel></col>
<col md="2"><panel type="danger" title="Panel title">danger</panel></col>
</grid>
<code><panel type="warning" title="Mit Titel" subtitle="und Untertitel" icon="fa fa-warning">
und benutzerdefiniertem Icon
</panel></code>
<panel type="warning" title="Mit Titel" subtitle="und Untertitel" icon="fa fa-warning">
und benutzerdefiniertem Icon</panel>

\\
\\

====Bootstrap grid:====
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.
<code><grid>
<col md="4">TEXT1</col>
<col md="4">TEXT2</col>
<col md="4">TEXT3</col>
</grid></code>
===Mit Überschrift und Text:===
<grid><col md="4">
===== Überschrift 5 ===== 
TEXT1</col><col md="4">
===== Überschrift 5 =====
TEXT2</col><col md="4">
===== Überschrift 5 =====
TEXT3</col></grid>
----
===12 schmale Spalten:===
<grid><col md="1">schmale Spalte</col><col md="1">schmale Spalte</col><col md="1">schmale Spalte</col><col md="1">schmale Spalte</col><col md="1">schmale Spalte</col><col md="1">schmale Spalte</col><col md="1">schmale Spalte</col><col md="1">schmale Spalte</col><col md="1">schmale Spalte</col><col md="1">schmale Spalte</col><col md="1">schmale Spalte</col><col md="1">schmale Spalte</col></grid>
----
===Breite und schmale Spalte:===
<grid>
<col md="9">breite Spalte</col><col md="3">schmale Spalte</col>
<col md="9">breite Spalte</col><col md="3">schmale Spalte</col>
</grid>
----
===mit Panels / Wells:===
<grid>
<col md="9"><panel>breite Spalte - panel</panel></col><col md="3"><panel>schmale Spalte</panel></col>
<col md="9"><well>breite Spalte - well</well></col><col md="3"><well>schmale Spalte</well></col>
</grid>

\\
\\

===Bootstrap warning===
<code><alert type="warning" icon="fa fa-warning">**Warning!** Better check yourself, you're not looking too good.</alert></code>
<alert type="warning" icon="fa fa-warning">**Warning!** Better check yourself, you're not looking too good.</alert>

\\
\\

====Bootstrap modal====
<btn type="primary" modal="modal-remote">Welcome to DokuWiki!</btn>
 
<modal size="lg" id="modal-remote" remote=":medienproduktion:start"></modal>
====Bootstrap button====
<btn type="warning" size="xs">Moodle</btn>

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

====Bootstrap badge====
Einen Kurs in Moodle anlegen <badge>Einsteiger</badge>

Bedingte Herausgabe von Musterlösungen <badge>Fortgeschritten</badge>

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

=====todo=====
<code>Put this into the file conf/entities.local.conf:
(see also https://www.dokuwiki.org/entities)
~~hideeditbutton~~    <style> \#dokuwiki__pagetools li.edit { display: none; } </style>
And this into the wiki page: ~~hideeditbutton~~
Tested with Greebo, default template</code>


===== Veraltet =====
===WRAP alerts: important info alert help todo download tip===
<code><wrap tip> TEXT<wrap></code>
<wrap tip>TEXT</wrap>
<code><WRAP tip>TEXT</WRAP></code>
<WRAP tip>TEXT</WRAP>
<code><WRAP center 60% tip>TEXT</WRAP></code>
<WRAP center 60% tip>TEXT</WRAP>

===WRAP columns===
<WRAP group>
<WRAP column half>
=== Überschrift 5 ===
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.
</WRAP>
<WRAP column half>
=== Überschrift 5 ===
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.
</WRAP></WRAP>