Creare temi per Twitter Bootstrap con Bootstrap Magic

Twitter Bootstrap è un framework basato su Javascript  / jQuery e CSS che offre parecchi controlli preimpostati.

Molto semplice da usare, leggero e anche responsive se si vuole.

Lo sto usando con soddisfazione su diversi ormai!

Volendo è anche possibile personalizzare il CSS.

Ci sono due modi per farlo, oltre ad editare direttamente i CSS ovviamente.

Un primo strumento ce lo offre il sito stesso: Customize.

Solo che questa pagina è abbastanza statica in quanto non da una preview delle modifiche.

Twitter Bootstrap Datepicker

Twitter Bootstrap è un framework Javascript e CSS leggero e pieno di funzionalità interssanti.

Tra queste, però, gli manca un datepicker.

Lo possiamo integrare però attraverso un plugin esterno scaricabile da qua.

Una volta scaricati entrambi, aggiungiamoli alla pagina:

<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" media="screen" />
<link rel="stylesheet" href="bootstrap/css/datepicker.css" media="screen" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="bootstrap/js/bootstrap-datepicker.js"></script>
<script type="text/javascript" src="js/script.js"></script>

Questi sono i JS e i CSS che ci servono; script.js è dove metteremo il codice per impostare il datepicker.