Neuer Kurs Anpassen der Bootstrap-Komponenten

Möchten Sie die Vorteile des Bootstrap-Frameworks nutzen, ohne dass Ihre Website wie jede andere Bootstrap-Site aussieht?

Wenn ja, ist unser neuer Kurs, Customizing Bootstrap Components, für Sie.

Was Sie lernen werden

Craig Campbell, Trainer von Envato Tuts +, zeigt Ihnen, wie Sie Bootstrap-Komponenten an die Anforderungen Ihrer Site anpassen und sie individuell gestalten können.

Der Kurs beginnt mit der grundlegenden Neugestaltung und geht dann weiter, um Dropdown-Menüs anzuzeigen und Bootstrap-Modalitäten anzupassen.

Hier einige kostenlose Lektionen aus diesem Kurs als Vorschau auf das, was Sie erwarten können:

Grundstile anpassen

Die Diskussion der Reskinning-Komponenten beginnt mit einem Blick auf Bootstrap-Karten. In Bootstrap 4 ersetzen Karten die in Version 3 verwendeten "Wells" und "Panels". In diesem Video lernen Sie die Grundlagen zum Umgestalten von Bootstrap-Komponenten, während Sie das Erscheinungsbild dieser Karten anpassen.

Dropdown-Hover

In diesem Video erfahren Sie, wie Sie ein Dropdown-Menü in einer Navigationsleiste umgestalten können. Sie lassen das Dropdown-Menü auch erscheinen, wenn Sie den Mauszeiger über die zugehörige Schaltfläche bewegen, anstatt darauf klicken zu müssen.

Anpassen der Bootstrap-Modals: Größe und Positionierung

Wenn Sie in Ihrem Browser den Standard-Bootstrap-Modal starten, wird der Modal in der Mitte des Bildschirms animiert. In diesem Video erfahren Sie, wie Sie die richtigen Selektoren in Ihrem CSS anvisieren, um die Größe und Position Ihrer Modale zu ändern.

Beginnen Sie mit einer kostenlosen Testversion

Sie können unseren neuen Kurs sofort mit einem Abonnement von Envato Elements belegen. Für eine einmalige geringe monatliche Gebühr erhalten Sie nicht nur Zugriff auf diesen Kurs, sondern auch auf unsere wachsende Bibliothek mit über 1.000 Videokursen und branchenführenden eBooks für Envato Tuts+.

Darüber hinaus erhalten Sie jetzt unbegrenzte Downloads aus der riesigen Envato Elements-Bibliothek mit mehr als 200.000 Fotos und 26.000 Design-Assets und Vorlagen. Erstellen Sie mit einzigartigen Schriftarten, Fotos, Grafiken und Vorlagen und sorgen Sie schneller für bessere Projekte.

Sie können auch die Dinge noch einfacher machen, indem Sie eine von Tausenden von eleganten Bootstrap-Websitevorlagen auf dem Envato Market verwenden, um sich einen Vorsprung in Ihrem Website-Design zu verschaffen.