Home
Bootstrap Snippets

Bootstrap Snippets

Una galleria di elementi di design per web designer e sviluppatori web.
Trova snippet utilizzando HTML, CSS, Javascript, jQuery e Bootstrap.

HTML

Bootstrap Alerts

Bootstrap Snippet Alerts

Vedi Alerts

Bootstrap Snippet Alerts

Anteprima Snippet

Holy guacamole! You should check in on some of those fields below.

Rendi dinamico lo Snippet Bootstrap Alerts
integrando codice PHP su WordPress. Scopri di più Richiedi Ora

HTML

Bootstrap Badge

Bootstrap Snippet Badge

Vedi Badge

Bootstrap Snippet Badge

Anteprima Snippet

Rendi dinamico lo Snippet Bootstrap Badge
integrando codice PHP su WordPress. Scopri di più Richiedi Ora

HTML

Bootstrap Card

Bootstrap Snippet Card

Vedi Card

Bootstrap Snippet Card

Anteprima Snippet

Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Scopri

Rendi dinamico lo Snippet Bootstrap Card
integrando codice PHP su WordPress. Scopri di più Richiedi Ora

HTML

Bootstrap Carosello

Bootstrap Snippet Carosello

Vedi Carosello

Bootstrap Snippet Carosello

Anteprima Snippet

Rendi dinamico lo Snippet Bootstrap Carosello
integrando codice PHP su WordPress. Scopri di più Richiedi Ora

HTML

Bootstrap Dropdowns

Bootstrap Snippet Dropdowns

Vedi Dropdowns

Bootstrap Snippet Dropdowns

Anteprima Snippet

Link
Link 2
Link 3

Rendi dinamico lo Snippet Bootstrap Dropdowns
integrando codice PHP su WordPress. Scopri di più Richiedi Ora

HTML

Bootstrap Modal

Bootstrap Snippet Modal

Vedi Modal

Bootstrap Snippet Modal

Anteprima Snippet

Titolo Modal

...

Rendi dinamico lo Snippet Bootstrap Modal
integrando codice PHP su WordPress. Scopri di più Richiedi Ora

HTML

Bootstrap Offcanvas

Bootstrap Snippet Offcanvas

Vedi Offcanvas

Bootstrap Snippet Offcanvas

Anteprima Snippet

Link con href

Offcanvas

Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc.

Link
Link 2
Link 3

Rendi dinamico lo Snippet Bootstrap Offcanvas
integrando codice PHP su WordPress. Scopri di più Richiedi Ora

HTML

Bootstrap Input group

Bootstrap Snippet Input group

Vedi Input group

Bootstrap Snippet Input group

Anteprima Snippet

Rendi dinamico lo Snippet Bootstrap Input group
integrando codice PHP su WordPress. Scopri di più Richiedi Ora

Consigliato

HTML

Bootstrap List Group

Bootstrap Snippet List Group

Vedi List Group

Bootstrap Snippet List Group

Anteprima Snippet

An active item
A second item
A third item
A fourth item
And a fifth one

Rendi dinamico lo Snippet Bootstrap List Group
integrando codice PHP su WordPress. Scopri di più Richiedi Ora

HTML

Bootstrap Floating labels

Bootstrap Snippet Floating labels

Vedi Floating labels

Bootstrap Snippet Floating labels

Anteprima Snippet

Email address

Comments

Works with selects

Rendi dinamico lo Snippet Bootstrap Floating labels
integrando codice PHP su WordPress. Scopri di più Richiedi Ora

HTML

Bootstrap Switches

Bootstrap Snippet Switches

Vedi Switches

Bootstrap Snippet Switches

Anteprima Snippet

Default switch checkbox input

Checked switch checkbox input

Disabled switch checkbox input

Disabled checked switch checkbox input

Rendi dinamico lo Snippet Bootstrap Switches
integrando codice PHP su WordPress. Scopri di più Richiedi Ora

HTML

Bootstrap Range

Bootstrap Snippet Range

Vedi Range

Bootstrap Snippet Range

Anteprima Snippet

Default

Crea controlli personalizzati con .form-range. La traccia (lo sfondo) e il pollice (il valore) hanno entrambi lo stesso stile in tutti i browser. Poiché solo Firefox supporta il "riempimento" della loro traccia dalla sinistra o dalla destra del pollice come mezzo per indicare visivamente i progressi, attualmente non lo supportiamo.

Example range

Min and max

Gli input di intervallo hanno valori impliciti per min e max, rispettivamente 0 e 100. È possibile specificare nuovi valori per coloro che utilizzano gli attributi min e max.

Example range

Steps

Per impostazione predefinita, l'intervallo inserisce "snap" su valori interi. Per cambiarlo, puoi specificare un valore di passo. Nell'esempio seguente, raddoppiamo il numero di passaggi utilizzando step="0.5".

Example range

Rendi dinamico lo Snippet Bootstrap Range
integrando codice PHP su WordPress. Scopri di più Richiedi Ora

Novità

HTML

Bootstrap Datalists

Bootstrap Snippet Datalists

Vedi Datalists

Bootstrap Snippet Datalists

Anteprima Snippet

Datalist example

Rendi dinamico lo Snippet Bootstrap Datalists
integrando codice PHP su WordPress. Scopri di più Richiedi Ora

HTML

Bootstrap Accordion

Bootstrap Snippet Accordion

Vedi Accordion

Bootstrap Snippet Accordion

Anteprima Snippet

This is the first item's accordion body. It is shown by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

This is the second item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

This is the third item's accordion body. It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the .accordion-body, though the transition does limit overflow.

Rendi dinamico lo Snippet Bootstrap Accordion
integrando codice PHP su WordPress. Scopri di più Richiedi Ora

E-commerce

HTML

Bootstrap Form Ricerca

Bootstrap Snippet Form Ricerca

Vedi Form Ricerca

Bootstrap Snippet Form Ricerca

Anteprima Snippet

Rendi dinamico lo Snippet Bootstrap Form Ricerca
integrando codice PHP su WordPress. Scopri di più Richiedi Ora

Cookie	Type	Duration
_ga	Analytics	2 years
_gid	Analytics	1 day
PHPSESSID	Necessary	session

Bootstrap Snippets

Bootstrap Alerts

Bootstrap Badge

Bootstrap Card

Bootstrap Carosello

Bootstrap Dropdowns

Bootstrap Modal

Bootstrap Offcanvas

Bootstrap Input group

Bootstrap List Group

Bootstrap Floating labels

Bootstrap Switches

Bootstrap Range

Bootstrap Datalists

Bootstrap Accordion

Bootstrap Form Ricerca

Contatti

Servizi SEO

Markup SEO

Menu

Menu