Share
Astăzi, să aruncăm o privire asupra sistemului de rețea care vine cu Twitter Bootstrap și vom arunca o privire la rețeaua lor media în timp ce facem acest lucru. În acest proces ne vom construi un mockup frumos pentru o pagină de portofoliu.
Notă: Grila cu care lucrăm astăzi vine cu curentul de lansare Bootstrap în momentul publicării: 1.4.0.
Permiteți-mi să vă prezint grila Bootstrap, care se bazează pe sistemul de grilă 960. Vă încurajez să învățați jucând cu grilă, folosind fișierul hero.html.
Alternativ, descărcați videoclipul sau abonați la programele Webdesigntuts + prin intermediul iTunes!
Accentsconagua
.rând, .rând: înainte de a, și rând: după se bazează pe hack-ul clar clar al lui Nicolas Gallagher..rând> [clasa * = "span"] este un selector de atribute CSS 2.1. Iată specificația W3C. Consultați utile introducerile lui Chris Coyier.Acum, să creăm propria noastră pagină de portofoliu personalizată. Vom încorpora două videoclipuri YouTube și le vom aranja într-un model alternativ folosind sistemul de rețea. În timp ce facem acest lucru, voi împărtăși cum să calculați lățimile adecvate pentru montarea suporturilor media în rețea.
Alternativ, descărcați videoclipul sau abonați la programele Webdesigntuts + prin intermediul iTunes!
Să continuăm să dezvoltăm pagina noastră de portofoliu. Vom folosi clasa media-grid pentru a configura două rânduri de miniaturi. Și vă prezint pe site-ul foarte util de imagine de locație: Placehold.it.
Alternativ, descărcați videoclipul sau abonați la programele Webdesigntuts + prin intermediul iTunes!
Cu conținutul nostru disponibil, suntem gata să adăugăm câteva dintre propriile noastre stiluri personalizate. Să conectăm propria noastră foaie de stil, importând stilurile Bootstrap și adăugând propria noastră. Acest pas vă va face gata să vă dezactivați, gata să vă creați propriul site frumos personalizat Bootstrap.
Alternativ, descărcați videoclipul sau abonați la programele Webdesigntuts + prin intermediul iTunes!
Lucruri incitante se întâmplă în comunitatea de dezvoltare care a luat amploare în jurul proiectului. În câteva săptămâni (la ultimul raport), Twitter Bootstrap 2.0 va fi lansat în lume și va include câteva atingeri noi, incluzând o rețea receptivă. Este cu siguranță un lucru de făcut.
Între timp, ne vom pregăti, devenind pe deplin familiarizați cu cele mai bune curente pe care le oferă Bootstrap.
