Mit dem Makro "Bootstrap Visuals" können beliebte visuelle Bootstrap-Objekte für die Erstellung und das Design der Confluence-Seiten verwendet werden. Mehr Infos zum Makro ...
Objekt | Beschreibung | Beispiel | Link |
---|---|---|---|
Alert Box | Die Alert Box ist ein Panel. Stil und Titel können im Makro direkt definiert werden. Der Inhalt wird unterhalb des Titels angezeigt. | Achtung
Mein Text | |
Badge | Das Badge sieht ähnlich wie eine Pille aus. Stile und Größen können im Makro definiert werden und es kann auch mit einer Überschrift oder einer Bootstrap-Schaltfläche kombiniert werden. | Example Mein Text | |
Button | Klassischer Web-Buttonstil. Stile und Größen können im Makro definiert werden und das Makro kann auch mit einer URL verknüpft werden. | ||
Button Group | Das Makro enthält einen Container für andere Bootstrap-Schaltflächen. Die Schaltflächen werden dann in einer horizontalen oder vertikalen Reihenfolge angezeigt und aneinander ausgerichtet. | ||
Callout | Callouts sind Inhaltsblöcke, die wichtige Informationen hervorheben sollen. Sie haben eine einfache Struktur, Kopfzeile und Body. | Wichtige InfoMein Text | |
Card | Das Makro beinhaltet mehrere Abschnitte, welche je nach Bedarf ein-/ausgeblendet werden können:
| ![]() Meine KarteTitel der KarteSubtitel der KarteMein Text | |
Jumbotron | Das Makro platziert einen großen grauen Block auf einer Seite. Der Block kann mit einem Titel und etwas Text befüllt werden, getrennt durch eine horizontale Linie. Das Makro übernimmt die Breite des übergeordneten Objekts. Wenn das Makro nicht in einem kleineren Layoutabschnitt oder Div-Block platziert ist, erstreckt sich das Makro über den gesamten Inhaltsbereich. | Meine Überschrift
Mein Text | |
List Group Item | Schaltflächenähnliches Element. Jedes Element kann nur ein einfacher Text oder ein Link zu einer URL sein. Jedes Element kann einen Status haben (Standard, Aktiv oder Deaktiviert) und in einem der Bootstrap-Stile angezeigt werden. | ||
List Group | Eine Listengruppe fasst eine Gruppe von schaltflächenähnlichen Elementen vom Typ "List Group Item" in einer vertikalen (Standard) oder horizontalen Anordnung zusammen. Um eine Listengruppe auf Ihrer Seite zu platzieren, benötigen Sie zwei Makros, das Makro "Listengruppe" und ein oder mehrere Makros "Listengruppen-Element", die Sie innerhalb des Makrokörpers der Listengruppe platzieren müssen. |
| |
Panel | Das Bootstrap-Panel basiert auf einer Panel-Form mit einem Textkörper. Es können Farben für den Text, den Hintergrund sowie den Rahmen definiert werden. Ebenso kann ein Rahmenradius festgelegt werden. Dem Panel können eigene, externe CSS-Klassen gegeben werden und darüber hinaus können sogar eigene Stile definiert werden. | Mein Text | |
Progress Bar | Mit dem Fortschrittsbalken kann die visuelle Darstellung des Fortschritts dargestellt werden. Die Breite, die Farbe, der Stil sowie der Prozentsatz der Fertigstellung können gewählt werden. | ||
Spacer | Das Makro fügt einer Seite einfach etwas vertikalen Raum hinzu. Die Standardhöhe beträgt 20 Pixel, welche beliebig angepasst werden kann. | Text vor dem Spacer Text nach dem Spacer | |
Spinner | Das Makro ist ein animierter "Ich bin beschäftigt"-Indikator. Das Makro kann auch für andere visuelle Zwecke verwendet werden. |
Busy...
|
Beispiel
Ziel: Eine Seite "Mein Weblayout", die einige Elemente einer klassischen Webseite enthält und wie folgt aufgebaut ist: