Extension de Bootstrap

Après avoir parcouru tout ce qu'il nous offre Boostrap Concernant son CSS de base, ses classes et ses composants pour construire des interfaces utilisateur riches en fonctionnalités et en convivialité, on peut penser qu'il n'y a plus rien à faire avec ce framework, mais la vérité est que nous pouvons encore faire beaucoup plus.
Nous pouvons étendre les fonctionnalités de Amorcer beaucoup plus, et cela est dû en grande partie à la communauté de développeurs soucieux de toujours chercher de meilleures façons de faire les choses et c'est là que les plug-ins et les extensions pour le framework émergent.
Voyons ce dont nous disposons pour étendre les fonctionnalités du framework, des pages spécialisées dans la fourniture de modèles et d'extensions, aux composants personnalisés.
Pages d'extension
Voyons les pages Web qui nous fournissent des ressources pour étendre les fonctionnalités de notre framework.

Bootsnipp

Il n'y a pas beaucoup de façons différentes de décrire ce que fait Bootsnipp, mais on peut dire qu'il a tout ce qui concerne Amorcer, en parcourant les différentes versions jusqu'à une liste complète de modèles, d'exemples de codes, d'extensions, entre autres.
En plus de cela, il contient une liste de pages similaires afin que nous ayons beaucoup plus d'options pour étendre notre cadre, et pas seulement cela, il regroupe tout ce qu'il propose dans des catégories utiles, donc si nous recherchons quelque chose de spécifique, nous doivent accéder à cette liste ou effectuer une recherche par tags.

AGRANDIR

Non seulement cela, la page nous offre une fonctionnalité de construction de formulaire en ligne, qui nous permet de faire glisser et de déposer les différents contrôles qu'elle contient, nous permettant de sélectionner la version de Amorcer dans laquelle nous voulons construire notre forme.
Nous pouvons inclure des champs de texte conventionnels, des zones de texte, des listes déroulantes, des boutons radio ou des cases à cocher et même des boutons d'action pour notre formulaire. Une fois que tout est prêt, nous appuyons sur l'onglet Rendu et nous obtiendrons le code à implémenter dans notre application.

AGRANDIR

Enfin, nous avons un constructeur de bouton pour les versions deux et trois de Amorcer, de cette façon, nous pouvons ajouter tous les styles et icônes dont nous avons besoin sans avoir à consulter la feuille de style et toutes les informations sur les icônes, après avoir été satisfait de notre bouton, nous n'avons qu'à copier le code dans notre application pour le générer :

AGRANDIR

Wrap Bootstrap

Ceci est une page similaire à Point de départCependant, la plus grande différence réside dans le fait que Wrap Bootstrap se concentre uniquement sur les modèles, et non sur les petits morceaux de code qu'il propose. Bootsnipp, nous avons des modèles complets de sites construits avec Amorcer.
De plus, si nous sommes des développeurs, cette page permet même la publication de nos modèles, pouvant générer de l'argent avec notre travail, elle offre donc un profit à tous les types d'utilisateurs.

AGRANDIR

Kits étendus pour Bootstrap
Oui, nous pouvons utiliser la version standard de Amorcer Pour nos applications, il existe des kits étendus qui nous donnent des versions personnalisées du framework, pouvant ainsi utiliser ce qu'il apporte par défaut et un peu plus.

Bottes Jasny

L'un de ces kits étendus est Jasny Bootstrap, qui a tout ce que la version standard de Amorcer, ainsi que quelques fonctionnalités supplémentaires qui en font l'une des options de téléchargement les plus réalisables.

AGRANDIR

Il implémente des appels à l'aide d'AJAX, ainsi que de nouveaux types d'entrées, un composant pour télécharger des fichiers, des liens pour les lignes, des icônes supplémentaires et bien plus encore, où si avec Amorcer standard, nos applications avaient l'air bien, avec Jasny ils auront l'air beaucoup mieux.

Bootplus

Avec des kits complets comme Jasny Il n'y a pas grand chose à voir, cependant il existe des kits étendus assez intéressants qui valent le détour, l'un d'entre eux est Bootplus, qui base sa conception principalement sur Google+.

AGRANDIR

Cela implémente de nouveaux composants au framework qui incluent les fameuses cartes du réseau social, ainsi que des notifications dans le meilleur style de Google+, donc si nous devons créer un site Web avec ces spécifications Bootplus c'est exactement ce dont nous avons besoin.
Kits d'interface utilisateur
Nous avons également des plugins qui visent principalement à offrir à l'utilisateur en termes de convivialité la meilleure expérience possible, voyons voir.

Carburant UX

Au début, cela peut donner l'impression que Fuel UX est un Amorcer complet avec des extensions, mais la réalité est qu'il se concentre principalement sur l'interface utilisateur, car il s'agit d'écrire le CSS et les styles de base du framework.
Cela rend nos champs visuellement beaucoup plus agréables et même attrayants, ajoutant une convivialité supplémentaire pour que l'utilisateur n'ait pas à deviner quoi faire.
Il a un certain nombre de composants incroyables, mais nous pouvons mettre en évidence le composant arbre ou Arbre et l'assistant ou magicien, ceux-ci donneront à nos applications une apparence de qualité inégalée.

Validateur d'amorçage

L'un de nos préférés, Validateur d'amorçage Non seulement cela nous permet de créer des interfaces utilisateur conviviales avec des composants qui ont fière allure, mais cela nous permet également de valider les champs de notre formulaire d'une manière simple qui a fière allure pour l'utilisateur final.
Il utilise des expressions régulières pour les validations et vous devez avoir des connaissances en programmation pour son utilisation efficace, mais cela vaut la peine de l'essayer car le résultat de son utilisation n'est pas seulement des applications qui ont l'air bien mais qui sont plus robustes sur le terrain. aspect.
Si vous souhaitez en savoir plus sur cette extension vous pouvez jeter un œil au tutoriel de validation avec Bootstrap Validator où il est expliqué comment l'implémenter ainsi que quelques utilisations sous diverses formes que nous pouvons lui donner.

Autres composants

Enfin nous avons deux composants assez particuliers, le premier appelé Bootstrap Switch nous donne une interface similaire à celle que nous avons sur nos appareils ios, il a des boutons marche et arrêt, nous pouvons changer les couleurs de ceux-ci et appliquer d'autres fonctionnalités utiles pour notre application.

AGRANDIR

Le second appelé Bootstrap Markdown nous permet d'ajouter un éditeur à nos applications sans le processus fastidieux d'avoir à implémenter plusieurs bibliothèques et sans faire le traitement HTML habituel pour ce type de saisie de données.

AGRANDIR

Nous avons pu savoir comment étendre les fonctionnalités de Amorcer, non seulement avec des modèles basés sur celui-ci, mais également des versions étendues et des composants qui en font l'utilisation la plus appropriée pour le développement d'interfaces utilisateur au sein de nos applications.Avez-vous aimé et aidé ce tutoriel ?Vous pouvez récompenser l'auteur en appuyant sur ce bouton pour lui donner un point positif