Bootstrap verlängern

Nachdem wir alles durchgegangen sind, was es uns bietet Boostrap In Bezug auf das Basis-CSS, Klassen und Komponenten zum Erstellen von Benutzeroberflächen mit hoher Funktionalität und Benutzerfreundlichkeit können wir denken, dass mit diesem Framework nichts mehr zu tun hat, aber die Wahrheit ist, dass wir noch viel mehr tun können.
Wir können die Funktionalität von . erweitern Bootstrap viel mehr, und das liegt zum großen Teil an der Community der betroffenen Entwickler, die immer nach besseren Möglichkeiten suchen, Dinge zu tun, und hier entstehen Plug-Ins und Erweiterungen für das Framework.
Sehen wir uns an, was wir zur Verfügung haben, um die Funktionalitäten des Frameworks zu erweitern, von Seiten, die darauf spezialisiert sind, uns mit Vorlagen und Erweiterungen zu versorgen, bis hin zu benutzerdefinierten Komponenten.
Erweiterungsseiten
Sehen wir uns die Webseiten an, die uns Ressourcen zur Verfügung stellen, um die Funktionalitäten unseres Frameworks zu erweitern.

Bootsnipp

Es gibt nicht viele verschiedene Arten zu beschreiben, was Bootsnipp macht, aber man kann sagen, dass es alles hat, was damit zu tun hat Bootstrap, indem Sie die verschiedenen Versionen bis zu einer umfangreichen Liste von Vorlagen, Beispielcodes, Erweiterungen usw. durchgehen.
Darüber hinaus hat es eine Liste ähnlicher Seiten, so dass wir viel mehr Möglichkeiten haben, unser Framework zu erweitern, und nicht nur das, es gruppiert alles, was es bietet, in nützliche Kategorien. Wenn wir also nach etwas Bestimmtem suchen, werden wir nur auf diese Liste zugreifen oder nach Tags suchen müssen.

VERGRÖSSERN

Darüber hinaus bietet uns die Seite eine Online-Formularkonstruktionsfunktion, mit der wir die verschiedenen Steuerelemente darin ziehen und ablegen können, um die Version von . auszuwählen Bootstrap in dem wir unsere Form aufbauen wollen.
Wir können konventionelle Textfelder, Textbereiche, Dropdown-Listen, Optionsfelder oder Checkboxen und sogar Aktionsschaltflächen für unser Formular einbinden. Nachdem wir alles fertig haben drücken wir den Tab Gerendert und wir erhalten den Code, der in unserer Anwendung implementiert werden soll.

VERGRÖSSERN

Endlich haben wir einen Button-Konstruktor für Version zwei und drei von Bootstrap, auf diese Weise können wir alle benötigten Stile und Symbole hinzufügen, ohne das Stylesheet und alle Informationen zu den Symbolen konsultieren zu müssen. Nachdem wir mit unserer Schaltfläche zufrieden sind, müssen wir nur den Code in unsere Anwendung kopieren, um ihn zu generieren:

VERGRÖSSERN

Bootstrap wickeln

Dies ist eine ähnliche Seite wie StiefelspitzeDer größte Unterschied besteht jedoch darin, dass sich Wrap Bootstrap ausschließlich auf Templates konzentriert und nicht auf die kleinen Code-Stücke, die es bietet Bootsnipp, wir haben komplette Vorlagen von Websites, die mit erstellt wurden Bootstrap.
Wenn wir Entwickler sind, ermöglicht diese Seite sogar die Veröffentlichung unserer Vorlagen, um mit unserer Arbeit etwas Geld zu verdienen, sodass allen Arten von Benutzern ein Gewinn geboten wird.

VERGRÖSSERN

Erweiterte Kits für Bootstrap
Ja, wir können die Standardversion von verwenden Bootstrap Für unsere Anwendungen gibt es einige erweiterte Kits, die uns angepasste Versionen des Frameworks zur Verfügung stellen, sodass wir das verwenden können, was es standardmäßig bietet und noch ein bisschen mehr.

Jasny Bootstrap

Eines dieser erweiterten Kits ist Jasny Bootstrap, das alles hat, was die Standardversion von Bootstrap, plus einige zusätzliche Funktionen, die es zu einer der praktikabelsten Download-Optionen machen.

VERGRÖSSERN

Es implementiert Aufrufe mit AJAX sowie neue Typen für Eingaben, eine Komponente zum Hochladen von Dateien, Links für Zeilen, zusätzliche Symbole und vieles mehr, wenn mit Bootstrap Standard sahen unsere Apps gut aus, mit Jasny sie werden viel besser aussehen.

Bootplus

Mit kompletten Kits wie Jasny Es gibt nicht viel zu sehen, aber es gibt einige sehr interessante erweiterte Kits, die einen Blick wert sind, einer davon ist Bootplus, das sein Design hauptsächlich auf basiert Google+.

VERGRÖSSERN

Dies implementiert einige neue Komponenten in das Framework, die die berühmten Karten des sozialen Netzwerks sowie Benachrichtigungen im besten Stil enthalten Google+, also wenn wir eine Website mit diesen Spezifikationen erstellen müssen Bootplus es ist genau das, was wir brauchen.
Benutzeroberflächen-Kits
Wir haben auch Plugins, die hauptsächlich darauf ausgerichtet sind, dem Benutzer in Bezug auf die Benutzerfreundlichkeit das bestmögliche Erlebnis zu bieten, mal sehen.

Kraftstoff-UX

Auf den ersten Blick mag es den Eindruck erwecken, Fuel UX sei ein Bootstrap komplett mit Erweiterungen, aber in Wirklichkeit konzentriert es sich hauptsächlich auf die Benutzeroberfläche, da es sich um das Schreiben des CSS und der grundlegenden Stile des Frameworks handelt.
Dies macht unsere Felder optisch viel angenehmer und sogar attraktiver und bietet eine zusätzliche Benutzerfreundlichkeit, sodass der Benutzer nicht raten muss, was er tun soll.
Es hat eine Reihe unglaublicher Komponenten, aber wir können die Baumkomponente hervorheben oder Baum und der Assistent oder Magier, diese lassen unsere Anwendungen von unübertroffener Qualität aussehen.

Bootstrap-Validator

Einer unserer Favoriten, Bootstrap-Validator Es ermöglicht uns nicht nur, benutzerfreundliche Benutzeroberflächen mit Komponenten zu erstellen, die gut aussehen, sondern es ermöglicht uns auch, die Felder unseres Formulars auf einfache Weise zu validieren, die für den Endbenutzer gut aussieht.
Es verwendet reguläre Ausdrücke für Validierungen und Sie müssen einige Programmierkenntnisse haben, um es effektiv nutzen zu können, aber es lohnt sich, es auszuprobieren, da das Ergebnis der Verwendung nicht nur Anwendungen sind, die gut aussehen, sondern auch robuster im Feld sind Aspekt.
Wenn Sie mehr über diese Erweiterung erfahren möchten, können Sie sich das Validierungs-Tutorial mit Bootstrap Validator ansehen, in dem erklärt wird, wie es implementiert wird, sowie einige Verwendungen in verschiedenen Formen, die wir geben können.

Andere Komponenten

Schließlich haben wir zwei ganz besondere Komponenten, die erste namens Bootstrap Switch bietet uns eine Schnittstelle ähnlich der, die wir auf unseren Geräten haben ios, es hat Ein- und Ausschaltknöpfe, wir können deren Farben ändern und andere nützliche Funktionen für unsere Anwendung anwenden.

VERGRÖSSERN

Der zweite namens Bootstrap Markdown ermöglicht es uns, unseren Anwendungen einen Editor hinzuzufügen, ohne umständlich mehrere Bibliotheken implementieren zu müssen und ohne die übliche HTML-Verarbeitung für diese Art der Dateneingabe durchzuführen.

VERGRÖSSERN

Wir konnten wissen, wie wir die Funktionalität von . erweitern können Bootstrap, nicht nur mit darauf basierenden Vorlagen, sondern auch erweiterten Versionen und Komponenten, die den Einsatz für die Entwicklung von Benutzeroberflächen innerhalb unserer Anwendungen am besten geeignet machen.Hat dir dieses Tutorial gefallen und geholfen?Sie können den Autor belohnen, indem Sie diesen Knopf drücken, um ihm einen positiven Punkt zu geben