Bootstrap verlengen

Na door alles te hebben gelopen dat het ons biedt Boosttrap Wat betreft de basis-CSS, klassen en componenten om gebruikersinterfaces te bouwen die rijk zijn aan functionaliteit en vriendelijkheid, kunnen we denken dat er niets meer met dit framework te maken heeft, maar de waarheid is dat we nog veel meer kunnen doen.
We kunnen de functionaliteit van Bootstrap veel meer, en dit is grotendeels te danken aan de gemeenschap van betrokken ontwikkelaars die altijd op zoek zijn naar betere manieren om dingen te doen en dat is waar plug-ins en extensies voor het framework ontstaan.
Laten we eens kijken wat we beschikbaar hebben om de functionaliteiten van het framework uit te breiden, van pagina's die gespecialiseerd zijn in het leveren van sjablonen en uitbreidingen, tot aangepaste componenten.
Extensiepagina's
Laten we eens kijken naar de webpagina's die ons middelen bieden om de functionaliteiten van ons raamwerk uit te breiden.

Bootsnipp

Er zijn niet veel verschillende manieren om te beschrijven wat Bootsnipp doet, maar het kan gezegd worden dat het alles heeft met Bootstrap, door de verschillende versies ervan te doorlopen tot een uitgebreide lijst met sjablonen, voorbeeldcodes, extensies, enz.
Daarnaast heeft het een lijst met vergelijkbare pagina's, zodat we veel meer opties hebben als het gaat om het uitbreiden van ons raamwerk, en niet alleen dat, het groepeert alles wat het biedt in nuttige categorieën, dus als we naar iets specifieks zoeken, zullen we alleen moeten toegang hebben tot deze lijst of zoeken op tags.

VERGROTEN

Niet alleen dat, de pagina biedt ons een online formulierconstructiefunctionaliteit, waarmee we de verschillende besturingselementen erin kunnen slepen en neerzetten, zodat we de versie van Bootstrap waarin we onze vorm willen bouwen.
We kunnen conventionele tekstvelden, tekstgebieden, vervolgkeuzelijsten, keuzerondjes of selectievakjes en zelfs actieknoppen voor ons formulier opnemen. Nadat we alles klaar hebben, drukken we op de tab weergegeven en we zullen de code krijgen om in onze applicatie te implementeren.

VERGROTEN

Eindelijk hebben we een knopconstructor voor zowel versie twee als drie van Bootstrap, op deze manier kunnen we alle stijlen en pictogrammen toevoegen die we nodig hebben zonder het stijlblad en alle informatie over de pictogrammen te hoeven raadplegen, nadat we tevreden zijn met onze knop, hoeven we alleen de code in onze applicatie te kopiëren om deze te genereren:

VERGROTEN

Wikkel Bootstrap

Dit is een pagina die lijkt op BootsnipHet grootste verschil ligt echter in het feit dat Wrap Bootstrap zich puur concentreert op sjablonen, en niet op de kleine stukjes code die het biedt Bootsnipp, we hebben volledige sjablonen van sites gebouwd met Bootstrap.
Als we ontwikkelaars zijn, staat deze pagina zelfs de publicatie van onze sjablonen toe, waardoor we wat geld kunnen genereren met ons werk, dus het biedt winst voor alle soorten gebruikers.

VERGROTEN

Uitgebreide kits voor Bootstrap
Ja, we kunnen de standaardversie van gebruiken Bootstrap Voor onze toepassingen zijn er enkele uitgebreide kits die ons aangepaste versies van het framework geven, zodat we kunnen gebruiken wat het standaard brengt, plus een beetje meer.

Jasny bootstrap

Een van deze uitgebreide kits is Jasny Bootstrap, die alles heeft wat de standaardversie van Bootstrap, plus enkele extra functies waardoor het een van de meest haalbare opties is om te downloaden.

VERGROTEN

Het implementeert oproepen met AJAX, evenals nieuwe typen voor invoer, een component voor het uploaden van bestanden, links voor rijen, extra pictogrammen en nog veel meer, waar als met Bootstrap standaard zagen onze apps er goed uit, met Jasny ze zullen er veel beter uitzien.

Bootplus

Met complete kits zoals Jasny Er is niet veel te zien, maar er zijn een aantal behoorlijk interessante uitgebreide kits die het bekijken waard zijn, een daarvan is Bootplus, dat zijn ontwerp voornamelijk baseert op Google+.

VERGROTEN

Dit implementeert enkele nieuwe componenten in het raamwerk, waaronder de beroemde kaarten van het sociale netwerk, evenals meldingen in de beste stijl van Google+, dus als we een website moeten bouwen met die specificaties Bootplus het is precies wat we nodig hebben.
Gebruikersinterfacekits
We hebben ook plug-ins die er vooral op gericht zijn de gebruiker qua bruikbaarheid de best mogelijke ervaring te geven, eens kijken.

Brandstof UX

In eerste instantie kan het de indruk wekken dat Fuel UX een Bootstrap compleet met extensies, maar de realiteit is dat het zich voornamelijk concentreert op de gebruikersinterface, aangezien dit gaat over het schrijven van de CSS en basisstijlen van het raamwerk.
Dit maakt onze velden visueel veel aangenamer en zelfs aantrekkelijker, wat een extra bruikbaarheid toevoegt zodat de gebruiker niet hoeft te raden wat hij moet doen.
Het heeft een aantal ongelooflijke componenten, maar we kunnen de boomcomponent benadrukken of Boom en de assistent of tovenaar, deze zullen ervoor zorgen dat onze applicaties er van ongeëvenaarde kwaliteit uitzien.

Bootstrap-validator

Een van onze favorieten, Bootstrap-validator Het stelt ons niet alleen in staat om gebruiksvriendelijke gebruikersinterfaces te bouwen met componenten die er geweldig uitzien, het stelt ons ook in staat om de velden van ons formulier op een eenvoudige manier te valideren die er geweldig uitziet voor de eindgebruiker.
Het gebruikt reguliere expressies voor validaties en je moet enige programmeerkennis hebben om het effectief te kunnen gebruiken, maar het is de moeite waard om het eens te proberen, aangezien het resultaat van het gebruik ervan niet alleen applicaties zijn die er goed uitzien, maar ook robuuster zijn in het veld. aspect.
Als u meer wilt weten over deze extensie, kunt u de validatie-tutorial met Bootstrap Validator bekijken, waar wordt uitgelegd hoe u deze moet implementeren, evenals enkele toepassingen in verschillende vormen die we eraan kunnen geven.

Overige onderdelen

Eindelijk hebben we twee vrij specifieke componenten, de eerste genaamd Bootstrap Switch geeft ons een interface die vergelijkbaar is met degene die we op onze apparaten hebben ios, het heeft aan- en uitknoppen, we kunnen de kleuren hiervan wijzigen en andere handige functionaliteiten voor onze applicatie toepassen.

VERGROTEN

De tweede genaamd Bootstrap Markdown stelt ons in staat om een ​​editor aan onze applicaties toe te voegen zonder het omslachtige proces van het implementeren van meerdere bibliotheken en zonder de gebruikelijke HTML-verwerking voor dit type gegevensinvoer.

VERGROTEN

We wisten hoe we de functionaliteit van Bootstrap, niet alleen met daarop gebaseerde sjablonen, maar ook uitgebreide versies en componenten die het gebruik ervan het meest geschikt maken voor de ontwikkeling van gebruikersinterfaces binnen onze applicaties.Vond je deze Tutorial leuk en heb je eraan geholpen?Je kunt de auteur belonen door op deze knop te drukken om hem een ​​positief punt te geven