Advertisement
  1. Code
  2. Bootstrap 4

Die 18 besten Bootstrap 4 Plugins

Scroll to top
Read Time: 8 min

German (Deutsch) translation by Ahmet Öztürk (you can also view the original English article)

Bootstrap ist ein kostenloses Open-Source-Framework, das sich zu einem der beliebtesten Frontend-Frameworks für die Entwicklung von Desktop- und Mobilgeräten entwickelt hat. Mit seinem Mobile-First-Ansatz zwingt das Framework die Designer im Wesentlichen dazu, Websites für kleine Bildschirme zu erstellen und die Designs dann von dort aus zu skalieren.

Vielleicht fragen Sie sich gerade: wie erstelle ich eine Webseite am besten? Diese sollte auf jeden Fall Ihre Ziele und Zielgruppen berücksichtigen. So können Sie Ihre Botschaften und die Funktionen auf der Website optimal erstellen, so dass sie für Ihr Publikum Mehrwert generieren.

Um die optimale HTML Website erstellen zu können, ist eine gründliche Analyse bzw. Recherche wichtig. Sobald Sie Ihre strategischen Details definiert haben, können Sie die Prozesse effizient gestalten, indem Sie mit einer HTML Website Vorlage arbeiten. Eine HTML Vorlage spart Ihnen Zeit und hilft Ihnen dabei, effizienter und effektiver zu arbeiten. Eine einfache HTML Seite kann am Anfang die Hauptziele erfüllen. Mit der Zeit können Sie Neues lernen und die Webseite erweitern. 

Heute werfen wir einen Blick auf die besten Bootstrap 4 Plugins, die auf CodeCanyon verfügbar sind. Ob Sie nun ein WordPress Theme programmieren oder Vorlagen für Formulare oder Navigationsleisten für Ihre statische Website suchen, CodeCanyon hat das passende Plugin für Sie!

BootstrapBootstrapBootstrap

Abhängig davon, wonach Sie suchen, kosten einige dieser Plugins nur $5. Außerdem erhalten Sie sechs Monate lang kostenlosen Support und kostenlose Updates auf Lebenszeit für jedes Plugin, das Sie kaufen.

Beste Bootstrap 4 Plugins

1. Best-Seller: Slider Revolution WordPress Plugin

Revolution sliderRevolution sliderRevolution slider

Wenn Sie reichhaltige und dynamische Inhalte erstellen möchten, die Ihre Kunden lieben werden, dann ist Slider Revolution das richtige Tool für diese Aufgabe. Slider Revolution bietet über 200 fertige Vorlagen, vom einfachen Header bis hin zu kompletten Webseiten, mit denen Sie garantiert schöne Webseiten für jeden Anlass erstellen können. Außerdem gibt es mehr als 2.000 Elemente, die zu Ihrem Theme passen und Ihrem Design Funktionalität verleihen.

2. Nearby Places

Das Plugin Nahe gelegene Orte ist eine Erweiterung des Plugins Progress Map . Es ermöglicht Nutzern die Anzeige von interessanten Zielen in der Nähe eines bestimmten Ortes, die aus der Progress Map des Besitzers hinzugefügt wurden. Diese Sehenswürdigkeiten werden von Google Maps bereitgestellt. Das Plugin bietet außerdem ein leistungsfähiges Suchformular, mit dem die Nutzer ihre Position bestimmen oder eine bestimmte Adresse eingeben können, um alle nahe gelegenen Points of Interest anzuzeigen. Das Plugin kann über die Verwaltungskonsole angepasst werden, damit es zum allgemeinen Erscheinungsbild Ihrer Webseite passt.

Orte in der Nähe Orte in der Nähe Orte in der Nähe

Benutzer gijon sagt:

"Nach langem Suchen ist dies das beste Karten-Plugin, das ich gefunden habe, sehr vollständig und einfach zu bedienen."

3. Laravel Bootstrap Starter Kit

Laravel BootstrapLaravel BootstrapLaravel Bootstrap

Dieses Laravel- und Bootstrap-basierte Starterkit könnte die perfekte Wahl für Ihr nächstes Projekt sein. Der Autor des Plugins hat diesem Kit eine ganze Reihe von Funktionen hinzugefügt, wie z.B. Authentifizierung, Registrierung, Admin-Panel, responsives Layout und Benutzerrollen. Damit sollte ein Großteil der gängigen Funktionen abgedeckt sein, die in vielen Webseiten-Projekten benötigt werden.

Das Kit basiert auf Bootstrap 4. Das macht es ideal für Projekte, die bereits das Bootstrap-Framework verwenden, da das Gesamtlayout und das Styling des Kits dem ihrer Webseite entspricht.

Selbst wenn Sie ein Projekt von Grund auf neu erstellen, bedeutet die Verwendung von Bootstrap 4, dass Sie sich keine Gedanken über das Schreiben einer Menge CSS machen müssen, da viele gut gestaltete UI-Elemente bereits im Framework vorhanden sind.

4. Web Slide

Web slideWeb slideWeb slide

Inspiriert von mobilem Design, Web Slide bringt die Slide-Navigation auf Ihre Webseite. Mit einem einzigen Code für alle Geräte, einem Menü im Stil einer mobilen Schublade, einem App-Look und CSS3-Animationseffekten ist das Plugin mit den wichtigsten Desktop- und mobilen Browsern wie Chrome, Edge, Firefox, Safari und Opera kompatibel.

Benutzer quadnine sagt:

"Ein großartiges Produkt mit erstklassigem Support. Das war gut angelegtes Geld."

5. Essential Grid Gallery

 Essential Grid Gallery Essential Grid Gallery Essential Grid Gallery

Das Essential Grid Gallery WordPress Plugin ist ein beeindruckendes Plugin für WordPress, das mehr als 50 Starter Grids und Skins enthält, mit denen Sie großartige Bild-, Video- und Audiogalerien erstellen können, die auch auf mobilen Geräten gut aussehen.

Sie können Inhalte aus verschiedenen Quellen importieren, wie zum Beispiel:

  • WP-Galerie
  • Instagram
  • YouTube
  • NextGEN Galerie
  • WooCommerce
  • und andere benutzerdefinierte Quellen

Erwerben Sie Essential Grid noch heute und erstellen Sie umwerfende Designs, die die Aufmerksamkeit Ihrer Besucher in Sekundenschnelle auf sich ziehen.

6. Newsomatic

NewsomaticNewsomaticNewsomatic

Mit KI geschriebene Inhalte werden von Tag zu Tag beliebter. Wenn Sie der Technologie einen Schritt voraus sein wollen, dann ist Newsomatic das perfekte Plugin. Ergreifen Sie die Zukunft, indem Sie ein automatisches System erstellen, das die Newsomatic API als Blogging-Quelle nutzt. Newsomatic nutzt modernste Technologie, um einzigartige Inhalte, einschließlich Bilder, bereitzustellen. Außerdem verfügt es über einen eingebauten Übersetzer, mit dem Sie auf Inhalte in anderen Sprachen zugreifen können.

7. Booknetic Terminkalender

bookneticbookneticbooknetic

Wenn Sie Ihr Geschäft automatisieren möchten, indem Sie sich wiederholende Aufgaben für Ihr Unternehmen erledigen, dann ist Booknetic das beste Plugin, das Ihnen hilft, Zeit und Geld zu sparen. Mit diesem Plugin können Sie jeden Aspekt des Buchungsprozesses anpassen, so dass Sie keine E-Mail, SMS oder WhatsApp von Ihren Kunden verpassen.

Das hervorragende Dashboard sorgt dafür, dass Sie den Überblick über die Verwaltung Ihrer Standorte, Mitarbeiter und Dienstleistungen behalten.

Dieses Plugin ist perfekt für:

  • Rechtsberater
  • Salonbesitzer
  • Fitness- und Sportstudios
  • Reparaturzentren
  • Bäder und andere Dienstleistungsunternehmen

8. Wapppress

Wapppress ist der einfachste Weg, um eine mobile App von einer WordPress-Website aus zu erstellen. Der App-Marktplatz ist ein millionenschwerer Wirtschaftszweig. Nutzen Sie die wachsende Branche der mobilen Apps, um Ihre Marke auszubauen und mehr Besucher und Aufmerksamkeit für Ihr Unternehmen zu erhalten.

Wapppress Wapppress Wapppress

9. ARForms: Form Builder Plugin

ARFormsARFormsARForms

ARForms ist ein erstklassiger WordPress-Formularersteller, mit dem Sie bessere und leistungsfähigere responsive WordPress-Formulare erstellen können, ohne irgendeinen Code anzufassen.

ARForms ist nicht nur auf Kontaktformulare beschränkt; Sie können auch andere Formulare erstellen, wie zum Beispiel:

  • erweiterte Formulare - z.B. mehrspaltige, mehrstufige oder bedingte Formulare
  • Anmelde-/Anmeldungsformulare
  • Online-Umfrageformulare
  • Popup-Newsletter-Formulare

ARForms ist außerdem für blitzschnelles Laden optimiert, um Ihren Benutzern ein einzigartiges Erlebnis zu bieten.

10. Bootstrap 4 Carousel

Bootstrap 4 CarouselBootstrap 4 CarouselBootstrap 4 Carousel

Bootstrap 4 Carousel bietet Benutzern mehrere Optionen für die Anzeige von Bildern auf ihrer Webseite, einschließlich eines Sliders mit Miniaturansichten, eines Karussells mit mehreren Elementen, eines Karussells mit Überblendeffekt, einer Bootstrap-Galerie für Bilder und mehr. Das Plugin bietet mehr als 200 vorgefertigte Beispiele und Layouts für Ihren Komfort. Dieses responsive Karussell ist kompatibel mit Mobil- und Tablet-Geräten und allen aktuellen Webbrowsern.

11. Bootstrap Plugin für TinyMCE

Bootsrap TinyBootsrap TinyBootsrap Tiny

TinyMCE ist einer der beliebtesten und fortschrittlichsten WYSIWYG-Editoren, die es gibt. Dieses Bootstrap Plugin für TinyMCE wurde entwickelt, um den Editor noch leistungsfähiger und nützlicher für Menschen zu machen, die Bootstrap auf ihrer Webseite verwenden.

Mit diesem Plugin können Sie ganz einfach Bootstrap-spezifische Layouts, Komponenten und Stile zu Ihren Inhalten hinzufügen. Es verfügt über eine Reihe großartiger Funktionen wie die Bootstrap 4 Symbolleiste, Stile, benutzerdefinierte Kontextmenüs und mehr. Sie können alle Funktionen auf der Seite mit der Produktbeschreibung sehen.

12. Modern MegaMenu

Modernes Mega-MenüModernes Mega-MenüModernes Mega-Menü

Modern MegaMenu bietet dem Benutzer so viele Optionen wie möglich, um das Menü und die Navigationsleiste seiner Träume zu erstellen. Das Plugin bietet mehr als 50 Kopfzeilen-Layouts und eine große Auswahl an Navbar-Styles. Dieses vollständig responsive Bootstrap 4-Plugin lässt sich leicht in Ihre Website integrieren und ist in hohem Maße anpassbar.

13. LiveSearch: Suchmaschine für Ihre Webseite

Live-SucheLive-SucheLive-Suche

Das LiveSearch Plugin fügt eine einfache Suchmaschine zu Ihrer Webseite hinzu. Mit ihr können Sie nach Texten, Bildern und PHP-Dateien auf Ihrer Webseite suchen. Es benötigt keine Datenbank, um zu funktionieren. Sie können auch einige Inhalte von der Indizierung ausschließen. Dieses Plugin ist ideal für kleine bis mittelgroße Webseiten.

Der Inhalt der Webseite wird anhand einer vordefinierten Basis-URL gecrawlt. Die Links und Inhalte werden zwischengespeichert, um zukünftige Suchvorgänge zu beschleunigen. Es ist sehr einfach einzurichten, und Sie können auch eine logische Korrelation zwischen Suchbegriffen mit AND und OR definieren.

Kostenlose Bootstrap 4 Plugins

In diesem Abschnitt stelle ich einige kostenlose Bootstrap 4 Plugins vor, mit denen Sie Ihrer Webseite zusätzliche Funktionen hinzufügen können. Im Gegensatz zu einigen der Premium-Plugins, die auf CodeCanyon verfügbar sind, dienen sie hauptsächlich dazu, einige grundlegende Funktionen hinzuzufügen.

1. Bootbox.js

 Dies ist eine kostenlose Bibliothek mit der Sie Bootstrap-basierte Dialogfelder programmatisch erstellen können. Sie kümmert sich automatisch um die Manipulation des DOM und der Event-Handler für Sie.

2. Bootstrap-Navbar-Dropdowns

Dieses Plugin wird Ihnen nützlich sein, wenn Sie schnell ein mehrstufiges Dropdown-Menü auf der Grundlage von Bootstrap einrichten möchten.

3. DataTables

Das Plugin Bootstrap DataTables bietet Ihnen eine einfache Möglichkeit, erweiterte Interaktionen und Steuerelemente zu Ihren Tabellen hinzuzufügen. Dazu gehören Dinge wie das Sortieren der Tabelle nach einer bestimmten Spalte.

4. Bootstrap Select Dropdown

Dieses Plugin Select Dropdown wandelt die Select Elemente auf Ihrer Webseite in ein Dropdown um. Ziel ist es, die lange Optionsliste mit Hilfe der Tastaturnavigation und eines Suchfeldes benutzerfreundlicher zu gestalten.

5. Formular-Validierung

Es ist sehr wichtig, alle Benutzereingaben, die Sie über Formulare eingeben, zu validieren. Mit diesem Plugin können Sie den Benutzern ganz einfach mitteilen, ob sie ein Formular falsch ausgefüllt haben und wie sie den Fehler korrigieren können.

Tipps für die Auswahl eines Bootstrap Plugins

Es gibt viele Dinge, die für einen absoluten Anfänger verwirrend sein können, wenn es um die Auswahl des richtigen Bootstrap-Plugins geht. Hier sind ein paar Tipps, die Ihnen helfen können, die richtige Entscheidung zu treffen.

Stellen Sie sicher, dass das Plugin und Ihre Webseite die gleiche Version von Bootstrap verwenden. Viele Dinge ändern sich mit jeder neuen Version von Bootstrap. Das bedeutet, dass einige Plugins und Skins nicht wie erwartet mit Ihrer Webseite funktionieren, wenn sie auf einer anderen Version basieren.

Eine weitere Sache, die Ihnen helfen wird, die Dinge in einem bestehenden Projekt schnell einzurichten, ist die Wahl eines Plugins, das kein übermäßiges eigenes Styling über Bootstrap anwendet. Dies gilt insbesondere dann, wenn Ihre eigene Webseite ein minimalistisches Styling gegenüber dem verwendet, was Bootstrap bereits bietet.

Fazit

Die hier vorgestellten Bootstrap 4 Plugins sind nur ein kleiner Ausschnitt aus den Möglichkeiten, die Ihnen bei CodeCanyon zur Verfügung stehen. Wenn Ihnen also keines dieser Plugins zusagt, gibt es noch viele andere großartige Optionen, die Ihr Interesse wecken werden.

Und wenn Sie Ihre Kenntnisse im Umgang mit Bootstrap selbst verbessern möchten, schauen Sie sich die nützlichen Bootstrap Tutorials an, die wir anbieten.

Dieser Beitrag wurde aktualisiert mit Beiträgen von Esther Vaati. Esther ist Softwareentwicklerin und Autorin für Envato Tuts+.

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Code tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.