Vorlage:Button: Unterschied zwischen den Versionen

2 Bytes hinzugefügt ,  10:55, 10. Sep. 2021
K
Zeile 19: Zeile 19:
<pre><div class="button-row"> ... BUTTONS ... </div></pre>
<pre><div class="button-row"> ... BUTTONS ... </div></pre>


Das dient dazu, dass die Buttons nebeneinander dargestellt werden und sich die Anordnung dynamisch verändert, wenn man mit kleineren Bildschirmen versucht die Seite aufzurufen. Sie hierzu die [[#Beispiele]].
Das dient dazu, dass die Buttons nebeneinander dargestellt werden und sich die Anordnung dynamisch verändert, wenn man mit kleineren Bildschirmen versucht, die Seite aufzurufen. Sie hierzu die [[#Beispiele]].


Man kann die Darstellung der gesamten Seite zunächst komplett begrenzen. Dazu ist an erster Stelle der Seite folgender Code einzufügen:
Man kann die Darstellung der gesamten Seite zunächst komplett begrenzen. Dazu ist an erster Stelle der Seite folgender Code einzufügen:
<pre><div style="max-width:960px;"></pre>
<pre><div style="max-width:960px;"></pre>
Danach erfolgen die Inhalte der Seite. Am Ende der Seite ist der Tag mit  <pre></div></pre> geschlossen werden.
Danach erfolgen die Inhalte der Seite. Am Ende der Seite muss der Tag mit  <pre></div></pre> geschlossen werden.


<pre><div style="max-width:960px;"> ... INHALTE DER SEITE ... </div></pre>
<pre><div style="max-width:960px;"> ... INHALTE DER SEITE ... </div></pre>