Bootstrap-responsives Weblayout

• Kapitel1 Bootstrap. Benutzeroberflächenarchitektur
• 1-1 Benutzeroberfläche und Interaktionsarchitektur
• 1-2 Laden Sie Bootstrap herunter
• 1-3 Enthaltene Dateien
• 1-4 Verwendung von Bootstrap in Webseiten
• 1-5 Layout
• 1-6 Verschachteltes Layout und fließendes Layout
• 1-7 Responsives Layout
• 1-8 Konvertieren Sie das vorhandene Layout mit fester Breite in ein responsives Layout
• 1-9 Utility-Klassen für responsive Layouts
• 1-10 Gängige Tags und Stile
• 1-11 Liste
• 1-12 Code
• 1-13 Google Prettify
• 1-14 Blatt
• 1-15 bilden
• 1-16 Präfixe und Suffixe von Textfeldern
• 1-17 Optionsfeld
• 1-18 Kontrollkästchen
• 1-19 Liste auswählen
• 1-20 Formularlayout
• 1-21 Taste
• 1-22 Schaltflächengruppe
• 1-23 Schaltfläche mit Dropdown-Menü
• 1-24 Navigationsmenü
• 1-25 Dropdown-Menü im Navigationsmenü
• 1-26 Responsives Design des Navigationsmenüs
• 1-27 Tab Nr. 1
• 1-28 Tab Nr. 2
• 1-29 Navigationspfade und Paginatoren
• 1-30 Schnelle Nachricht
• 1-31 Miniaturansicht
• 1-32 Dialogfeld
• 1-33 Tooltip
• 1-34 Inhalt reduzieren
• 1-35 Karussell
• Kapitel2 Sich anpassendes Webdesign
• 2-1 Kurseinführung
• 2-2 Beispiele aus der Praxis für Responsive Design
• 2-3 Ansichtsfenster - Ansichtsfenster
• 2-4 Ansichtsfenster manuell konfigurieren
• 2-5 Pixeldichte
• 2-6 So wenden Sie Medienabfragen an
• 2-7 Medientyp Medientyp
• 2-8 Meida-Funktion Medienfunktion
• 2-9 Seitenverhältnis der Breite des Sichtfensters zur Höhe
• 2-10 Seitenverhältnis Das Verhältnis der Breite zur Höhe des Geräts
• 2-11 Ausrichtung Die Verwendungsrichtung des Geräts
• 2-12 height (visuelle Fensterhöhe) und device-height (Gerätehöhe)
• 2-13 width (Breite des visuellen Fensters) und device-width (Gerätebreite)
• 2-14 Auflösung Pixeldichte
• 2-15 Betreiber - und
• 2-16 Verknüpfen Sie mehrere durch Kommas getrennte Medienabfragen
• 2-17 Betreiber - nicht
• 2-18 Responsives Layout Nr. 1
• 2-19 Responsives Layout Nr. 2
• 2-20 Responsives Layout Nr. 3
• 2-21 Responsive Navigation
• 2-22 HTML für Navigationsmenü
• 2-23 CSS für Navigationsmenü
• 2-24 Schaltflächenstil umschalten
• 2-25 Responsive Navigationsmenüstile
• 2-26 Responsive Bilder
• 2-27 Responsive Hintergrundbilder
• 2-28 Unterschiedliche Gerätegrößen verwenden unterschiedliche Bilder
• 2-29 Verwenden Sie unterschiedliche Hintergrundbilder für Geräte unterschiedlicher Größe
• 2-30 Wechseln Sie je nach Bildschirmdichte zwischen verschiedenen Hintergrundbildern
• 2-31 Bildfüllung
• 2-32 Responsive Diashow
• 2-33 Schieberegler
• 2-34 Stil der Schieberegler-Taste
• 2-35 Beheben Sie das Problem, dass Folien überschrieben werden
• 2-36 Abschluss