- Palette 🎨
-
Ressourcen
- Forum
- DrupalBook
- Blog
-
Fallstudien
- Automatische Übersetzung von Drupal-Seiten mit KI
- CI‑gesteuertes Konfigurationsmanagement
- Drupal als Backend: GraphQL, JSON:API, RESTful
- Wie man riesige Menüs in Drupal pflegt
- Colorbox durch GLightbox ersetzen
- Neuschreiben von CKEditor‑4‑Plugins für CKEditor 5
- Aktualisierung von Drupal 7 auf die neueste Drupal‑Version
- Drupal Documentation
- JSON Drop API Dokumentation
- Was gibt's Neues
- Drupal herunterladen
-
Kontakte
Palette - Mach es bunt🎨
Palette - Visueller Page Builder. Keine Designkenntnisse nötig.
Scroll
7.4. Vorbereitung einer mobilen Version der Website zum Thema Bootstrap in Drupal
27/05/2025, by Ivan
Menu
- Drupal mit Lando installieren
- 1. Drupal: Grundfunktionen
- 2. Drupal: Konfiguration
- 3. Drupal: Webseiten-Erstellung
- 4. Drupal Commerce – Onlineshop-Modul für Drupal
- 5. Drupal und SEO.
- 6. Drupal: Theming
-
7. Drupal: Fortgeschrittenes Theming
- 7.1. Theme-Builder für Drupal 8
- 7.2. Erstellen von Themes auf Basis von Bootstrap. Kompilieren von SASS mit Gulp
- 7.3. Cache in Drupal deaktivieren. Debug-Informationen im Template ausgeben.
- 7.4. Vorbereitung einer mobilen Version der Website zum Thema Bootstrap in Drupal
- 7.5. Hinzufügen des Services-Blocks mit Bootstrap-Spalten
- 7.6. Isotope-Galerie für Drupal
- 7.7. Block mit YouTube-Video in Drupal
- 7.8. Block mit Twitter in Drupal
- 7.9. Block mit sozialen Symbolen in Drupal
- 7.10. Diashow für Drupal
- 7.11. Webformular Drupal Feedback-Formular
- 7.12. Website-Footer, Pixel-Perfect-Layout
- 9. Modulentwicklung für Drupal
- Drupal entkoppelt. Backend-Erstellung mit Drupal.
- Alte Artikel
Video:
https://youtu.be/1_ApByBEr14
PSD-Layout:
https://github.com/Drupalbook/bootstrap/raw/master/blueasy-freebie.zip
Quellcode:
https://github.com/Drupalbook/bootstrap
Open Sans Schriftart:
https://fonts.google.com/specimen/Open+Sans?selection.family=Open+Sans:300,400,700&selection.subset=cyrillic
Als Ergebnis werden wir am Ende der Lektion einen Website-Kopf (Header) haben.
Desktop:

Mobile Version:
