Twitter Bootstrap 101 Tilpass

Bygget inn i Twitter Bootstraps dokumentasjon er en praktisk Tilpass side som gir en rask måte å implementere et tilpasset fargeskjema, tilpasset typografi og en rekke andre CSS tilpassinger. Selvfølgelig er den mest kraftige tilnærmingen å jobbe direkte med Bootstraps mindre filer. Men med noen få raske tilpasninger, og for de som foretrekker å jobbe i rett CSS, tilbyr denne siden deg en fin måte å hoppe på tilpassingene dine på..


Tilpass farger og typografi

I denne skjermbildet går jeg deg gjennom å konvertere et grunnleggende Bootstrap-nettsted til et mørkt fargeskjema. Vi gir den en høyere navbar, og vi trekker inn et par Google-webfonter. Prosessen er rask og ganske smertefri!

I en kort oppfølgingsvideo viser jeg deg hvordan du sjekker om feil som kan forstyrre opprettelsen av egendefinerte CSS-filer. Du må passe på disse og være i stand til å gå tilbake og fikse dem når de oppstår. Jeg skal vise deg hvordan det er gjort.

Til slutt vil mange av dere finne dette en fin måte å få ballen til å rulle etter dine egne design.


Alternativt kan du laste ned videoen, eller abonnere på Webdesigntuts + screencasts via YouTube

Se etter feil!

Selv en liten skrivefeil kan innføre en feil i tilpasningsprosessen. Du må se etter en "error.txt" -fil. Hvis det vises ved siden av egendefinert CSS, må du åpne og bruke det for å hjelpe deg med å finne og rette opp feiloppdagende oppføringer på Tilpass side. La meg vise deg et eksempel!


Alternativt kan du laste ned videoen, eller abonnere på Webdesigntuts + screencasts via YouTube

ressurser

Under disse videoene brukte vi:

  • Bootstrap tilpasser siden
  • Google webfonter

Du kan også finne det nyttig å referere til farger og typografiverdier som brukes i skjermbildet: