Bootstrap kurz & gut
Diese Publikation zitieren
Accesses
Quotes
Beschreibung / Abstract
Das CSS-Framework Bootstrap ist für viele Designer und Webentwickler inzwischen das Framework der Wahl, um attraktive Oberflächen – gerade auch für mobile Geräte – zu gestalten. Bootstrap bietet hierfür robuste Stildefinitionen für typische
Alltagsaufgaben und ein umfassendes Ökosystem mit zahlreichen nützlichen Vorlagen und Erweiterungen.
Bootstrap – kurz & gut beschreibt kompakt die Installation des Frameworks, geht auf das Rastersystem, Typografieaspekte und Formulare, die Ausrichtung von Elementen im Dokumentenfluss u.v.a.m. ein.
Abschließend werden alle Komponenten aus der Bootstrap-Bibliothek vorgestellt: von Aufklappmenüs, Navigationselementen und Listen bis hin zu aktiven Komponenten wie modalen Dialogen, Inhaltseinblendungen und interaktiven Schaltflächen.
Das Buch bietet:
- Installation und Grundlegendes zum Framework
- Alle Bootstrap-Komponenten im Überblick
- Zahlreiche Tricks und Praxistipps
Die Beispielcodes zum Buch sind auf GitHub abrufbar.
Beschreibung
Inhaltsverzeichnis
- BEGINN
- Vorwort
- Kapitel 1: Einführung in Bootstrap
- Grundlegendes zu Bootstrap 4
- Installation
- Struktur der CSS-Dateien
- Seitenaufbau
- Browserunterstützung
- ARIA
- Optimierung
- Hilfsklassen
- Reboot
- Kapitel 2: Struktur der Seite
- Einführung
- Das Rastersystem
- Das Flex-Raster
- Kapitel 3: Typografie
- Überschriften
- Text und Textelemente
- Listen
- Tabellen
- Hilfsklassen
- Kapitel 4: Formulare
- Struktur eines Formulars
- Eingabeelemente
- Schaltflächen
- Kapitel 5: Weitere Bausteine
- Symbole
- Responsive Bilder
- Eingebettete Quellen
- Farben und Hintergründe
- Ausrichtung von Elementen im Dokumentenfluss
- Inhalte anzeigen und verstecken
- Kapitel 6: Komponenten
- Aufklappmenüs (dropdown)
- Werkzeugleisten (toolbar)
- Schaltfläche mit Menü (button group)
- Navigation (nav, navbar)
- Pfadnavigation (breadcrumb)
- Seitenweises Blättern (pagination)
- Kennzeichnungen (tags)
- Jumbotron (jumbotron)
- Seitenüberschriften (page header)
- Meldungen (alert)
- Fortschrittsbalken (progress)
- Medien (media)
- Allgemeine Listen (list group)
- Karten (cards)
- Kapitel 7: Aktive Komponenten
- Einrichtung und Aktivierung
- Die Programmierschnittstelle
- Übergänge (transition)
- Modale Dialoge (modals)
- Aufklappmenü (dropdown)
- Scrollbar-Überwachung (scrollspy)
- Umschaltbare Tabs (tab)
- Tooltipps (tooltip)
- Popover (popover)
- Meldungen (alert)
- Interaktive Schaltflächen (button)
- Inhaltseinblendung (collapse)
- Bilderkarussell (carousel)
- Index
- Über den Autor