Estensione Bootstrap

Dopo aver attraversato tutto ciò che ci offre Boostrap Per quanto riguarda il suo CSS di base, le classi e i componenti per costruire interfacce utente ricche di funzionalità e semplicità, possiamo pensare che non ci sia più nulla a che fare con questo framework, ma la verità è che possiamo ancora fare molto di più.
Possiamo estendere la funzionalità di Bootstrap molto di più, e questo è dovuto in gran parte alla comunità di sviluppatori preoccupata di cercare sempre modi migliori di fare le cose ed è qui che emergono plug-in ed estensioni per il framework.
Vediamo cosa abbiamo a disposizione per estendere le funzionalità del framework, da pagine specializzate nel fornirci template ed estensioni, a componenti custom.
Pagine di estensione
Vediamo le pagine web che ci forniscono risorse per estendere le funzionalità del nostro framework.

Bootsnipp

Non ci sono molti modi diversi per descrivere ciò che fa Bootsnipp, tuttavia si può dire che ha tutto ciò che riguarda Bootstrap, passando attraverso le diverse versioni di esso a un ampio elenco di modelli, codici di esempio, estensioni, tra gli altri.
Oltre a questo, ha un elenco di pagine simili in modo che abbiamo molte più opzioni quando si tratta di estendere il nostro framework, e non solo, raggruppa tutto ciò che offre in categorie utili, quindi se cerchiamo qualcosa di specifico, devi accedere a questo elenco o cercare per tag.

INGRANDIRE

Non solo, la pagina ci offre una funzionalità di costruzione del modulo online, che ci permette di trascinare e rilasciare i diversi controlli al suo interno, permettendoci di selezionare la versione di Bootstrap in cui vogliamo costruire la nostra forma.
Possiamo includere campi di testo convenzionali, aree di testo, elenchi a discesa, pulsanti di opzione o caselle di controllo e persino pulsanti di azione per il nostro modulo. Dopo che abbiamo tutto pronto premiamo il tab Resi e otterremo il codice da implementare nella nostra applicazione.

INGRANDIRE

Finalmente abbiamo un costruttore di pulsanti per entrambe le versioni due e tre di Bootstrap, in questo modo possiamo aggiungere tutti gli stili e le icone di cui abbiamo bisogno senza dover consultare il foglio di stile e tutte le informazioni sulle icone, dopo esserci accontentati del nostro pulsante dobbiamo solo copiare il codice nella nostra applicazione per generarlo:

INGRANDIRE

Avvolgere Bootstrap

Questa è una pagina simile a BootsnipTuttavia, la differenza più grande sta nel fatto che Wrap Bootstrap si concentra esclusivamente sui modelli e non sui piccoli pezzi di codice che offre Bootsnipp, abbiamo modelli completi di siti realizzati con Bootstrap.
Inoltre, se siamo sviluppatori, questa pagina consente anche la pubblicazione dei nostri modelli, essendo in grado di generare denaro con il nostro lavoro, quindi offre un profitto a tutti i tipi di utenti.

INGRANDIRE

Kit estesi per Bootstrap
Sì, possiamo usare la versione standard di Bootstrap Per le nostre applicazioni, ci sono alcuni kit estesi che ci danno versioni personalizzate del framework, potendo così usare ciò che porta di default e un po' di più.

Jasny bootstrap

Uno di questi kit estesi è Jasny Bootstrap, che ha tutto ciò che la versione standard di Bootstrap, oltre ad alcune funzionalità aggiuntive che lo rendono una delle opzioni di download più fattibili.

INGRANDIRE

Implementa chiamate tramite AJAX, oltre a nuovi tipi di input, un componente per caricare file, collegamenti per righe, icone extra e molto altro, dove se con Bootstrap standard le nostre app sembravano buone, con Jasny avranno un aspetto molto migliore.

Bootplus

Con kit completi come Jasny Non c'è molto da vedere, tuttavia ci sono alcuni kit estesi piuttosto interessanti che vale la pena guardare, uno di questi è Bootplus, che basa il suo design principalmente su Google+.

INGRANDIRE

Questo implementa alcuni nuovi componenti al framework che includono le famose carte del social network, oltre a notifiche nel miglior stile di Google +, quindi se abbiamo bisogno di costruire un sito web con quelle specifiche Bootplus è esattamente ciò di cui abbiamo bisogno.
Kit interfaccia utente
Abbiamo anche plugin che si concentrano principalmente sul dare all'utente in termini di usabilità la migliore esperienza possibile, vediamo.

carburante UX

All'inizio potrebbe dare l'impressione che Fuel UX sia un Bootstrap completo di estensioni, ma la realtà è che si concentra principalmente sull'interfaccia utente, poiché ciò che fa riguarda la scrittura del CSS e degli stili di base del framework.
Questo rende i nostri campi visivamente molto più piacevoli e persino attraenti, aggiungendo un'usabilità extra in modo che l'utente non debba indovinare cosa fare.
Ha un numero di componenti incredibili, tuttavia possiamo evidenziare il componente dell'albero o Albero e l'assistente o procedura guidata, questi daranno alle nostre applicazioni un aspetto di qualità senza pari.

Validatore Bootstrap

Uno dei nostri preferiti, Validatore Bootstrap Non solo ci consente di creare interfacce utente amichevoli con componenti dall'aspetto eccezionale, ma ci consente anche di convalidare i campi del nostro modulo in un modo semplice che sembra ottimo per l'utente finale.
Utilizza espressioni regolari per le convalide e devi avere alcune conoscenze di programmazione per il suo uso efficace, tuttavia vale la pena provarlo poiché il risultato dell'utilizzo non sono solo applicazioni che sembrano buone, ma sono più robuste sul campo. aspetto.
Se vuoi saperne di più su questa estensione puoi dare un'occhiata al tutorial di validazione con Bootstrap Validator dove viene spiegato come implementarla così come alcuni usi in varie forme che possiamo dargli.

Altri componenti

Infine abbiamo due componenti abbastanza particolari, il primo chiamato Bootstrap Switch ci regala un'interfaccia simile a quella che abbiamo sui nostri dispositivi ios, ha pulsanti di accensione e spegnimento, possiamo cambiare i colori di questi e applicare altre funzionalità utili per la nostra applicazione.

INGRANDIRE

Il secondo chiamato Bootstrap Markdown ci permette di aggiungere un editor alle nostre applicazioni senza l'ingombrante processo di dover implementare più librerie e senza fare la consueta elaborazione HTML per questo tipo di inserimento dati.

INGRANDIRE

Siamo stati in grado di sapere come possiamo estendere la funzionalità di Bootstrap, non solo con template basati su di esso, ma anche versioni estese e componenti che ne rendono l'utilizzo il più appropriato per lo sviluppo di interfacce utente all'interno delle nostre applicazioni.Ti è piaciuto e hai aiutato questo Tutorial?Puoi premiare l'autore premendo questo pulsante per dargli un punto positivo