Descărcați proiectul finit
O modalitate rapidă de a începe: compilat de download și CSS minifitsirovannye fișiere, JS și imagini.
sursa de descărcare
După descărcarea, veți vedea următoarea structură și fișierele sgrupirovanye și cu condiția punct de vedere logic în formă de compilat și minifitsirovannom.
Dezarhivați arhiva descărcată (compilat) Bootstrap'a. Veți vedea următoarea structură:
Acesta este principalul tip de Bootstrap'a: fișiere compilate pentru a începe lucrul rapid, pur și simplu încărcați pe server și sunteți gata de plecare. Am furnizat CSS compilat și JS (bootstrap. *), Împreună cu CSS compilate și minifitsirovannymi și JS (bootstrap.min. *) Fișiere. Imaginile sunt comprimate prin ImageOptim. aplicație pentru Mac, care permite pentru a comprima PNG-fișiere.
Bootstrap porțiune încărcată de HTML de înaltă calitate, CSS și JS pentru orice tip de dezvoltare web.
documentație
Stiluri globale pentru organism. background'a schimba referințele la stiluri, template-uri și două aspect grilă simplu.
stiluri de bază de elemente HTML, aspect și fonturi, tabele de cod, formulare și butoane. Inclusiv Glyphicons - set de pictograme.
Principalele componente ale stilurilor de interfață: filele și navigare butoane, bara de navigare (navbar), posturi, anteturile etc.
Listă de componente
- Grupuri buton
- Butoane cu liste derulante
- Elemente de navigare: file, butoane și liste
- Bara de navigare (Navbar)
- etichete
- insignele
- titluri de pagină și elementul erou
- Miniaturi
- mesaje
- Indicatori de proces (de progres)
- ferestre pop-up
- Drop-down liste
- ponturile
- conținut de pop-up
- teancul de file
- karuselkah
- Element secundar de intrare de meniu (Typeahead)
În comentarii viitoare, ne uităm la aceste componente în mod individual mai detaliat. Între timp, să ia o privire la fiecare dintre ele în documentația pentru informații despre cum să le folosească.
În loc de a citi descrierile colorate Bootstrap'a, vă sugerăm să începeți să utilizați-l. În primul rând a crea un șablon HTML de bază, care va include tot ce este scris în structura de fișiere.
Apoi, să acorde o atenție la standardul HTML-fișier:
Ce ar Zabutstreppit această pagină, pur și simplu adăugați link-ul de la fișierele CSS și JS:
Gata! Datorită acestor fișiere, puteți începe în curs de dezvoltare site-ul sau aplicația pe Bootstrap'e.
Pentru a continua să acorde o atenție la aspectele standard de pagini. Utilizați aceste exemple pentru a obține ai început pe proiectul, le modifica și de a crea ceva unic.
Site principal. Marketing.
Elementul principal „Hero“ și trei informații coloană complementare.
aspect plutitoare
Acest exemplu se profita din plin de design dinamic, cu o lățime plutitoare.
șablon Startapersky
Full-featured șablon, care include toate caracteristicile (HTML / CSS / MAI / JS) din Bootstrap.
Clasic pentru produsul
Simplu, ușor șablon pentru proiecte de marketing și de echipe.
Autentificare (conectare)
Forma clasică de intrare.
Crama atașat la partea de jos a paginii.
Karuselkah "Jumbotron"
model interactiv, plăcut și vesel, potrivit pentru produs și pentru echipa.
Studiați documentația, exemple și exemple de cod, sau se arunca cu capul în dezvoltare pentru a schimba sursa Bootstrap'a pentru proiectele tale.