Grundlagen & Komponenten
Bootstrap-Abbildung der RTUI-Grundwerte, Bedienelemente, Komponenten, Zustände und Overlayfamilien.
Grundlagen
RT-Farben, Typografie, Abstände, Radien und Statussemantik werden über Bootstrap-Sass und Bootstrap-Variablen geführt.
Typografie und Achsen
Sora Überschrift
Mulish UI-/Fließtext. Produktiv werden beide Familien lokal bereitgestellt.
Schaltflächen, Symbolaktionen und Menüs
Standardaktionen, semantische Varianten, Deaktiviert, Dropdown und Tooltip.
Formulare & zusammengesetzte Bedienelemente
Alle einzeiligen Standardcontrols zielen im Sass-Build auf 44 px Außenhöhe. Dateiauswahl nutzt verborgenen nativen Input und deutsche sichtbare Texte.
RT Rich-Text-Editor – Bootstrap-Chrome
Die visuelle Komponente bleibt engine-unabhängig. Der Demo-Toolbar ist bewusst ohne veraltete WYSIWYG-Engine; produktive Inhalte werden serverseitig sanitiziert.
Beispielinhalt
Menschenlesbare Inhalte können Überschriften, Hervorhebungen, Links, Bilder, Listen und Zitate enthalten.
Die UI-Chrome bleibt fest; Inhalt wird sicher bereinigt.
- Projektbeschreibungen
- Berichte
- Hilfetexte und FAQ
const status = 'geprüft';| Feld | Wert |
|---|---|
| Status | Geprüft |
Cards, Listen, Badges, Metadaten und Fortschritt
Wenige Bootstrap-Grundflächen tragen semantisch unterschiedliche Inhalte.
Projektfortschritt
Meldungen, Leerzustände, Ladezustände, Erfolg und Fehler
Farbe ist nie alleiniger Informationsträger. Lade- und Leerzustände bleiben Bootstrap-basiert.
Noch keine Daten
Leere Zustände erklären den nächsten sinnvollen Schritt.
Lädt
Wartungszustand
Der Bereich ist vorübergehend nicht verfügbar.
Datentabelle, Mobile-Card, Pagination und Zeilenaktionen
Desktop-Tabelle und Mobile-Karten sind zwei Darstellungen derselben Datenlogik.
| Projekt | Status | Fortschritt | Geändert | Aktionen | |
|---|---|---|---|---|---|
RT KundenportalWebanwendung | Aktiv | 72 % | 03.09.2026 |
- Fortschritt
- 72 %
- Geändert
- 03.09.2026
Modal, Offcanvas, Toast und Tooltip
Überlagerungen verwenden ausschließlich Bootstrap-Komponenten und -APIs.
Sekundärbereich
Stabilität, lange Inhalte und reduzierte Bewegung
Die Bootstrap-Adaption dokumentiert dieselben QA-Fälle: Wrap, lange deutsche Texte, technische Werte, Fokus, Deaktiviert und reduzierte Bewegung.
Langer Navigationstext
Bildoptimierungseinstellungen und Transparenzverarbeitung muss mehrzeilig nutzbar bleiben und darf die Gesamtseite nicht verbreitern.
Technischer Wert
rt-project-handover-context-v1:2026-09-03:beispiel-sehr-langer-technischer-token-ohne-layoutverlust