Twitter Bootstrap 101 Personalizați

Built in Twitter Documentația Bootstrap este o pagină personalizată, care oferă o modalitate rapidă de a implementa o schemă de culori personalizată, o tipografie particularizată și o serie de alte personalizări CSS. Desigur, cea mai puternică abordare este de a lucra direct cu fișierele LESS ale lui Bootstrap. Dar, cu câteva ajustări rapide, și pentru cei care preferă să lucreze în CSS drept, această pagină vă oferă o modalitate excelentă de a vă începe să personalizați.


Personalizați culorile și tipografia

În acest ecran, vă voi ajuta să convertiți un site de bază Bootstrap într-o schemă de culoare închisă. Îi vom da o navbar mai mare și vom trage o pereche de fonturi web Google. Procesul este rapid și destul de nedureros!

Într-un scurt videoclip următor, vă voi arăta cum să verificați dacă există erori care pot întrerupe crearea fișierelor personalizate CSS. Veți avea nevoie să aveți grijă de acestea și să vă puteți întoarce și să le remediați atunci când apar. Îți voi arăta cum sa făcut asta.

În cele din urmă, mulți dintre dvs. vor găsi acest lucru o modalitate foarte bună de a obține mingea rulant pentru desene sau modele personalizate.


Alternativ, descărcați videoclipul sau abonați-vă la programele Webdesigntuts + prin intermediul YouTube

Urmăriți erorile!

Chiar și o mică greșeală poate introduce o eroare în procesul de personalizare. Va trebui să urmăriți un fișier "error.txt". Dacă apare alături de CSS personalizat, va trebui să îl deschideți și să îl utilizați pentru a vă ajuta să găsiți și să corectați intrările care cauzează erori în pagina Personalizați. Permiteți-mi să vă arăt un exemplu!


Alternativ, descărcați videoclipul sau abonați-vă la programele Webdesigntuts + prin intermediul YouTube

Resurse

În timpul acestor videoclipuri am folosit:

  • Pagina de personalizare a lui Bootstrap
  • Fonturi Web Google

De asemenea, s-ar putea să vă recomandăm să consultați valorile de culoare și de tipografie utilizate în ecranul de ecran: