Nchịkọta nke oru ngo a, ihe dị n'ime ya, na otu esi amalite na template dị mfe.
Tupu nbudata, jide n'aka na ị nwere onye editọ koodu (anyị na-akwado Sublime Text 2 ) na ụfọdụ ihe ọmụma na-arụ ọrụ nke HTML na CSS. Anyị agaghị agabiga faịlụ isi mmalite ebe a, mana ha dị maka nbudata. Anyị ga-elekwasị anya na ibido faịlụ Bootstrap achịkọtara.
Ụzọ kachasị ọsọ iji malite: nweta ụdị CSS, JS na onyonyo anyị chịkọtara na nke pere mpe. Enweghị docs ma ọ bụ faịlụ isi mmalite.
Nweta faịlụ izizi maka CSS na Javascript niile, yana nnomi mpaghara nke docs site na nbudata ụdị ọhụrụ ozugbo na GitHub.
N'ime nbudata ahụ, ị ga-ahụ nhazi faịlụ na ọdịnaya ndị a, na-achịkọta ihe ndị a na-ahụkarị ma na-enye ma agbakọta na obere mgbanwe.
Ozugbo ebudatara ya, mepee folda ahụ abịakọrọ ka ịhụ nhazi nke (nke achịkọtara) Bootstrap. Ị ga-ahụ ihe dị ka nke a:
akpụkpọ ụkwụ / ├── css / │ ├── akpụkpọ ụkwụ . css │ ├── akpụkpọ ụkwụ . min . css ├── js / │ ├── akpụkpọ ụkwụ . js │ ├── akpụkpọ ụkwụ . min . js ├── img / │ ├── glyphicons - ọkara . png │ ├── glyphicons - ọkara - ọcha . png └── GỤKWUO . md
Nke a bụ ụdị Bootstrap kachasị ewu ewu: faịlụ achịkọtara maka ojiji ntinye ngwa ngwa n'ihe fọrọ nke nta ka ọ bụrụ ọrụ weebụ ọ bụla. Anyị na-enye CSS na JS ( bootstrap.*
), yana CSS na JS ( bootstrap.min.*
) chịkọtara na obere . A na-ejikọta faịlụ onyonyo a site na iji ImageOptim , ngwa Mac maka ịpịkọta PNG.
Biko mara na plugins Javascript niile chọrọ ka etinyere jQuery.
Bootstrap na-abịa na HTML, CSS na JS maka ụdị ihe niile, mana enwere ike ịchịkọta ha na obere edemede a na-ahụ anya n'elu akwụkwọ Bootstrap .
Ụdị zuru ụwa ọnụ maka ahụ iji tọgharịa ụdị na ndabere, ụdị njikọ, usoro grid, na nhazi abụọ dị mfe.
Ụdị maka ihe HTML a na-ahụkarị dị ka typography, koodu, tebụl, ụdị, na bọtịnụ. Tinyekwara Glyphicons , nnukwu akara ngosi obere.
Ụdị ntọala maka ihe ndị na-emekọ ihe ọnụ dị ka taabụ na pill, navbar, alerts, headers page, and more.
Yiri akụrụngwa, ngwa mgbakwunye Javascript ndị a bụ ihe mmekọrịta maka ihe dị ka ntụnye aka, popovers, modals, na ndị ọzọ.
Ọnụ, akụrụngwa na ngalaba plugins Javascript na-enye ihe interface ndị a:
N'ime ntuziaka n'ọdịnihu, anyị nwere ike ịgafe akụkụ ndị a n'otu n'otu n'ụzọ zuru ezu karị. Ruo mgbe ahụ, chọọ nke ọ bụla n'ime ihe ndị a n'akwụkwọ maka ozi gbasara otu esi eji na hazie ha.
Site na ntinye nkenke n'ime ọdịnaya apụghị n'ụzọ, anyị nwere ike ilekwasị anya na itinye Bootstrap n'ọrụ. Iji mee nke ahụ, anyị ga-eji template HTML bụ isi nke gụnyere ihe niile anyị kwuru na nhazi faịlụ .
Ugbu a, lee anya na faịlụ HTML na-ahụkarị :
- <!DOCTYPE html>
- <html>
- <isi>
- <title> Bootstrap 101 Template </title>
- </ isi>
- <ahụ>
- <h1> Ndewo, ụwa! </h1>
- <script src = "https://code.jquery.com/jquery-latest.js" ></script>
- </ ahu>
- </html>
Iji mee nke a ka ọ bụrụ template Bootstrapped , naanị tinye faịlụ CSS na JS kwesịrị ekwesị:
- <!DOCTYPE html>
- <html>
- <isi>
- <title> Bootstrap 101 Template </title>
- <!-- Bootstrap -->
- <njikọ href = "css/bootstrap.min.css" rel = "stylesheet" >
- </ isi>
- <ahụ>
- <h1> Ndewo, ụwa! </h1>
- <script src = "https://code.jquery.com/jquery-latest.js" ></script>
- <script src = "js/bootstrap.min.js" </script>
- </ ahu>
- </html>
Ị na-atọkwa! Site na faịlụ abụọ ahụ agbakwunyere, ị nwere ike ịmalite ịmepụta saịtị ma ọ bụ ngwa ọ bụla na Bootstrap.
Gaa n'ofe ndebiri ntọala yana nhazi ihe atụ ole na ole. Anyị na-agba ndị mmadụ ume ka ha gụgharịa ihe atụ ndị a ma ghara iji ha mee ihe dị ka njedebe ikpeazụ.
Gaa na docs maka ozi, ihe atụ, na koodu snippets, ma ọ bụ mee ihe na-esote wee hazie Bootstrap maka ọrụ ọ bụla na-abịa.
Gaa na docs Bootstrap Hazie Bootstrap