Skip to main content

Verwenden des Twitter Bootstrap-Designs für Drupal

How to create Partition on Windows 10 | Partition Hard Drives (Kann 2024)

How to create Partition on Windows 10 | Partition Hard Drives (Kann 2024)
Anonim

Bootstrap ist ein äußerst beliebtes Framework, das von Twitter erstellt wurde. Mit dem Bootstrap-Theme für Drupal können Sie all Ihre Möglichkeiten für Ihre Drupal-Website nutzen (und beibehalten). Machen Sie sich bereit, glatte Knöpfe, gestaltete Formulare, Jumbotrons und vieles mehr hinzuzufügen, bis Ihre Website ein wenig bling ist!

Was ist das Bootstrap Framework?

Das Bootstrap-Framework ist eine Sammlung von CSS- und Javascript-Code, mit der Sie auf einfache Weise eine lange Liste hübscher und / oder nützlicher Dinge zu Ihrer Website hinzufügen können. Diese Liste enthält gut aussehende Schaltflächen, Listen mit "Abzeichen", "Wells" und vieles mehr.

Neben dem bling bietet Bootstrap auch eine ansprechende Reaktionsfähigkeit und hilft Ihnen, eine Website zu entwerfen, die nicht völlig zerbricht, wenn Ihr Chef sie auf einem Telefon öffnet.

Anstatt den gesamten Code selbst schreiben zu müssen, verwenden Sie die von Bootstrap angegebenen CSS-Klassen und HTML-Elemente. Wenn Sie ein schönes Etikett wünschen, fügen Sie das Klassenlabel hinzu. So was:

Das Bootstrap-Framework hat keine Verbindung zu Drupal. Sie können es mit jedem CMS verwenden, das bei Kontakt mit jQuery (siehe unten) oder sogar mit einer statischen HTML-Website nicht explodiert.

Was ist das Bootstrap-Theme für Drupal?

Das Bootstrap-Theme für Drupal vereinfacht die Verwendung von Bootstrap auf Ihrer Website. Laden Sie dieses Design herunter und legen Sie es als Standard fest.

Eigentlich möchten Sie wahrscheinlich das Bootstrap-Design als Basisdesign für Ihr eigenes Unterthema verwenden. Es ist zwar wahr, dass das Bootstrap-Design so umfangreiche Verwaltungsbildschirme bietet, dass Sie es möglicherweise ohne Codezeile zufriedenstellend anpassen können.

Bootstrap basiert auf der jQuery-Javascript-Bibliothek. Sie müssen möglicherweise auch das jQuery Update-Modul installieren, um die erforderliche Version zu erhalten. Wenn andere Module auf Ihrer Site jQuery verwenden, seien Sie vorsichtig - sie funktionieren möglicherweise nicht mit einer zu neuen Version von jQuery.

Sie müssen die Dokumentation zu diesem Thema lesen und sicherstellen, dass Sie keine weiteren Schritte unternehmen müssen. Aber es ist immer noch ziemlich einfach.

Müssen Sie das Bootstrap-Design verwenden, um Bootstrap in Drupal zu verwenden?

Da das Bootstrap-Framework nur aus CSS und Javascript besteht, ist dies nicht der Fall brauchen das Bootstrap-Design verwenden. Sie können die Bootstrap-Bibliothek manuell herunterladen und in Ihren Designvorlagen verknüpfen.

Das Bootstrap-Thema hat diese Langeweile jedoch bereits für Sie erledigt. Außerdem wurden verschiedene Bootstrap-Funktionen in die Drupal-Verwaltungsbildschirme integriert. Wenn Sie lieber auf Codierung klicken, kann dieses Thema Ihr Leben erheblich erleichtern.

Wählen Sie die zu verwendende Version von Bootstrap

Bevor Sie dieses Design herunterladen, lesen Sie die Projektseite und stellen Sie sicher, dass Sie wissen, welche Version Sie herunterladen sollten. Verschiedene Versionen entsprechen verschiedenen Versionen des Bootstrap-Frameworks.

Zum Beispiel die 7.x-2.2-Version für den Bootstrap Thema war das letzte, das die Version 2.3.2 für Bootstrap unterstützte Rahmen . Zum jetzigen Zeitpunkt ist die stabile Version des Bootstrap-Designs 7.x-3.0, das mit Bootstrap 3 funktioniert.

Beachten Sie, wie die Entwickler des Bootstrap-Designs ihre wichtigsten Versionsnummern mit Bootstrap koordiniert haben. Die 7.x-2.x-Versionen beziehen sich auf Bootstrap 2 und die 7.x-3.x-Versionen auf Bootstrap 3.

Bootstrap 2 und Bootstrap 3 sind meist ähnlich, beachten Sie jedoch die Unterschiede beim Lesen der Framework-Dokumentation. Es ist leicht, die Dokumentation für die falsche Version zu lesen, ohne es zu merken.

Obwohl Sie wahrscheinlich die aktuellste stabile Version verwenden möchten, beachten Sie, dass für Bootstrap 3 jQuery 1.9+ und für Bootstrap 2 nur jQuery 1.7+ erforderlich ist. Wenn Sie mit jQuery 1.9 ein wichtiges Modul auf Ihrer Site beschädigen, müssen Sie möglicherweise zunächst Bootstrap 2 verwenden.