Al momento stai visualizzando Sei snippet di Bootstrap che potrebbero esserti utili

Sei snippet di Bootstrap che potrebbero esserti utili

  • Autore dell'articolo:
  • Categoria dell'articolo:News

In questo articolo ho raccolto un po’ di snippet e frammenti di codice in Bootstrap, il framework open source in CSS/HTML per implementare interfaccie frontend e backend che siano già  responsive, che potrete riutilizzare nei vostri progetti. I link sono descritti uno per volta e contengono sia CSS che HTML (in alcuni casi PHP) da utilizzare volta per volta.

Grid con colonne dispari

Se dovete dividere la grid di Bootstrap in 2, 4, 6 colonne (o in genere un numero pari) potrete cavarvela sfruttando direttamente i markup stilizzati md o xs; ma se le colonne devono essere ad esempio 7 oppure 9, equidistanti tra loro e senza offset, le cose possono diventare leggermente più complesse. Su StackOverflow al link suggerito si discutono due possibili soluzioni al problema.

Generatore di gradiente per bottoni

Stilizzare in CSS i bottoni di Bootstrap, che possono essere link href come <button> indifferentemente, non è un’operazione per principianti: certamente charliepark rende il tutto più semplice e vagamente alla portata degli sviluppatori con minore esperienza. Un tool utile e pratico, da tenere sempre a portata di click.

Pubblicità - Continua a leggere sotto :-)
Sei un webmaster? Prova TheMoneytizer per il tuo sito

Scroll infinito sulle pagine

Una delle caratteristiche più sfruttate sui siti web realizzati di recente: evita di fatto il click sulla paginazione, e la rende del tutto asincrona con un “pezzo” di pagina alla volta che carica. Esempio classico: il wall di Facebook, che segue questo meccanismo per almeno un motivo preciso (la permanenza sulla pagina aumenta di parecchio, e l’utente ha l’illusione che i contenuti del sito “non finiscano mai”). Ottimo per i blog con numerosi contenuti, vale per Boostrap ma anche per altri framework, e la spiegazione su come realizzarlo è piuttosto chiara: la trovate su tutsplus.

Template già  pronti riutilizzabili in Bootstrap

A questo indirizzo trovate vari esempi di form in Bootstrap utilizzabili in vari contesti: theme per web agency, creativi/freelance, blog, landing page, backend amministrativi e molto altro ancora.

Creare una finestra modale di caricamento

Una delle caratteristiche più richieste per Bootstrap: un esempio significativo per la versione 3 è disponibile qui.

Listino prezzi pre stilizzati

Le pricing table per Bootstrap sono esemplificate a questo indirizzo di bootsnipp, ma ne ho parlato un po’ più estesamente anche nel mio precedente post.

Pubblicità - Continua a leggere sotto :-)

(Tophost) l' hosting web più economico - Usa il coupon sconto: 7NSS5HAGD5UC2

Sei un webmaster? Prova TheMoneytizer per il tuo sito
Pubblicità - Continua a leggere sotto :-)
Cerchi alternative a Google Adsense per il tuo sito? Prova TheMoneytizer!
Usa il codice 189ed7ca010140fc2065b06e3802bcd5 per ricevere 5 € dopo l'iscrizione

👇 Contenuti da non perdere 👇



Trovalost esiste da 4658 giorni (13 anni), e contiene ad oggi 4351 articoli (circa 3.480.800 parole in tutto) e 23 servizi online gratuiti. – Leggi un altro articolo a caso

Numero di visualizzazioni (dal 21 agosto 2024): 0
Pubblicità - Continua a leggere sotto :-)
Segui il canale ufficiale Telegram @trovalost https://t.me/trovalost
Seguici su Telegram: @trovalost

Trovalost.it

Ho creato Trovalost.it e ho scritto quasi tutti i suoi contenuti relativi all'informatica. Credits immagini: pexels.com, pixabay.com, wikipedia.org, Midjourney, StarryAI, se non diversamente specificato.