I File Less

Scegli quale file Less compilare nella tua versione personalizzata di Bootstrap. Non sei sicuro di quali file hai bisogno? Leggi le pagine su CSS e i Componenti nella documentazione.

CSS comuni

Componenti

Componenti JavaScript

Utilities

Plugins jQuery

Scegli quale plugin jQuery dev'essere incluso nei tuoi file JavaScript personalizzati. Non sei sicuro su cosa includere? Leggi la pagina su JavaScript nella documentazione.

Legati ai componenti

Magia oscura :P

Produce due file

Tutti i plugin segnati verranno compilati in un unico file bootstrap.js leggibile e in un file minimizzato bootstrap.min.js. In ambiente di produzione (la messa online del progetto) raccomandiamo l'uso della versione minimizzata, piu' leggera.

E' richiesto jQuery

Tutti i plugins richiedono venga inclusa l'ultima versione di jQuery.

Variabili Less

Personalizza le variabili Less per definire colori, dimensioni e molto altro, nei tuoi fogli di stile CSS personalizzati.

Colori

Grigio e colori del marchio utilizzati su Bootstrap.

Impalcatura

Colore di sfondo per <body>.

Colore globale del testo in <body>.

Colore globale dei link.

Colore dei link al passaggio del mouse, settato tramite la funzione darken().

Tipografia

Font, line-height, colore testo, intestazioni e altro all'interno del body.

Font monospaziati di default per <code>, <kbd>, e <pre>.

line-height (senza unit� di misura) per l'uso nei componenti (come i bottoni).

"line-height" calcolata (font-size * line-height) per l'uso con margin, padding, etc.

Di default, ereditato dal <body>.

Componenti

Definisci le spaziature comuni, lo spessore dei bordi e altro. Valori basati su testo 14px e line-height 1.428 (~20px per iniziare).

Colore globale per gli oggetti attivi (es., navs o menu a discesa).

Colore di sfondo globale per gli oggetti attivi (es., navs o menu a discesa).

Larghezza del border per il simbolo che indica la presenza di un menu a discesa.

Il simbolo che indica la presenza di un menu a discesa aumenta leggermente le dimensioni per i componenti piu' grandi.

Tabelle

Personalizza il componente .table con alcuni valori di base, usati per tutte le varianti di tabelle.

Padding per i <th> e i <td>.

Padding per le celle in .table-condensed.

Colore di sfondo usato di default per tutte le tabelle.

Colore di sfondo usato per .table-striped.

Colore di sfondo usato per .table-hover.

Colore del bordo per tabelle e celle.

Bottoni

Definisci un testo, uno sfondo e il colore di bordo per ogni bottone di Bootstrap.

Moduli (Form)

Colore di sfondo per <input>

Colore di sfondo per <input disabled>

Colore testo per <input>

Colore del bordo degli <input>

Spessore bordo per gli <input>

Colore bordo per gli input selezionati

Colore testo dei segnaposto (Placeholder)

Altezza di default per .form-control

Altezza per il .form-control Largo

Altezza per il .form-control Piccolo

Colore di sfondo per i componenti aggiunti agli input (addons)

Colore del bordo per i componenti aggiunti agli input (addons)

Contenitori e contenuto per i menu a discesa.

Sfondo per il menu a discesa.

border-color del menu a discesa.

border-color del menu a discesa per IE8.

Colore del divisore fra gli elementi del menu a discesa.

Colore dei link nel menu a discesa.

Colore dei link al passaggio del mouse sopra.

Sfondo dei link al passaggio del mouse.

Colore del testo per gli elementi attivi all'interno del menu a discesa.

Colore di sfondo per gli elementi attivi all'interno del menu a discesa.

Colore degli oggetti disabilitati all'interno del menu a discesa.

Colore delle intestazioni all'interno dei menu a discesa.

Media queries breakpoints

Definisci i punti di rottura in cui il tuo layout cambia, nel momento in cui deve adattarsi a differenti dimensioni dello schermo.

Sistema a Griglia (Grid System)

Definisci la tua griglia responsiva personalizzata.

Numero di colonne nella griglia.

Padding fra le colonne. Si divide a meta' fra il lato sinistro e destro.

Punto in cui le navbar si estendono.

Punto in cui le navbar iniziano a comprimersi.

Dimensione dei contenitori

Definisci la larghezza massima dei .container per differenti dimensioni dello schermo.

Da @screen-sm-min in su.

Da @screen-md-min in su.

Da @screen-lg-min in su.

Stili condivisi

Schede

Pillole (Pills)

Paginatura

Paginatore

Jumbotron

Stati e Messaggi d'avviso (alert)

Definisci i colori per gli stati di un form (I messaggi di feedback), e di default per i messaggi d'avviso.

Tooltips

Larghezza massima del tooltip

Colore del testo

Colore di sfondo

Larghezza della freccia del tooltip

Colore della freccia del tooltip

Popovers

Colore di sfondo per il Body

Larghezza massima del popover

Colore del bordo

Colore del bordo di fallback

Colore di sfondo del Titolo del popover

Larghezza della freccia del popover

Colore della freccia del popover

Larghezza freccia esterna

Colore freccia esterna

Colore di fallback freccia esterna

Etichette

Colore di sfondo di default

Colore di sfondo primario

Colore di sfondo per l'etichetta "success"

Colore di sfondo per l'etichetta "info"

Colore di sfondo per l'etichetta "warning"

Colore di sfondo per l'etichetta "danger"

Colore di default del testo

Testo di colore di default per un'etichetta linkata

Box modali

Padding applicato al body del box modale

Padding applicato al titolo del box modale

Line-Height del titolo

Colore di sfondo per l'area dei contenuti

Colore di bordo del contenuto

Colore di bordo del contenuto per IE8

Colore di sfondo per l'area di backdrop

Opacita' dell'area di backdrop

Colore di bordo per l'intestazione del box modale

Colore di bordo del footer

Avvisi

Definisci colore, larghezza di bordo e padding degli avvisi (Alerts).

Barre d'avanzamento

Colore di sfondo dell'intero componente

Colore del testo

Colore della barra di default

Colore della barra "success"

Colore della barra "warning"

Colore della barra "danger"

Colore della barra "info"

Lista a gruppo

Sfondo di colore su .list-group-item

Colore bordo di .list-group-item border color

Spessore del bordo

Colore di sfondo degli elementi di una lista con il cursore posizionato sopra (on hover)

Colore del testo di un elemento attivo della lista

Colore di sfondo per gli elementi attivi di una lista

Colore di bordo per gli elementi attivi di una lista

Pannelli

Border color for elements within panels

Anteprime - Miniature (Thumbnails)

Padding attorno alla miniatura

Colore di sfondo

Colore del bordo

Spessore del bordo

Colore del testo per le didascalie delle miniature

Padding attorno alla didascalia della miniatura

Gabbie

Distintivi (Badges)

Colore del testo di un badge linkato al passaggio del mouse (on hover)

Colore del testo di un badge in un link nav attivo

Colore di sfondo di un badge in un link nav attivo

Colore di sfondo

Colore del testo

Colore del testo della pagina corrente (segnata nella breadcrumb)

Separatore testuale fra gli elementi del breadcrumb (ex. Home / Pagina)

Chiusura

Codice

Tipologia

Colore del testo tenue

Colore di bordo per abbreviazioni e acronimi

Colore per piccole intestazioni

Colore testo quotato piccolo

Grandezza font testo quotato

Colore bordo testo quotato

Colore di bordo intestazione di pagina

Misto

Colore linea orizzontale.

Spaziatura (offset) orizzontale per moduli e liste.

Download

Urraaa! La tua versione personalizzata di Bootstrap e' adesso pronta per essere compilata. Clicca il pulsante sotto per portare a termine il processo.