1. Buufadhu
Buufadhu dura, gulaalaa koodii ( Sublime Text 2 gorsina ) fi beekumsa hojii tokko tokko HTML fi CSS qabaachuu kee mirkaneessi. Faayilota madda asitti hin deemnu, garuu buufachuuf ni argamu. Faayilota Bootstrap qindaa'an waliin jalqabuu irratti xiyyeeffanna.
Download qindaa'e
Karaa saffisaa itti jalqabdan: CSS, JS, fi fakkiiwwan keenyaa kan qindaa'ee fi xiqqaate argachuu. Docs ykn faayilii madda jalqabaa hin qabu.
Madda buufadhaa
Faayilota jalqabaa CSS fi JavaScript hundaaf argadhu, waraabbii naannoo docs waliin kallattiin GitHub irraa version isa haaraa buufachuudhaan.
2. Caasaa faayilii
Buufadhu keessaa caasaa faayilii fi qabiyyee armaan gadii ni argatta, qabeenya waliigalaa loojikiidhaan garee gochuu fi garaagarummaa qindaa'ee fi xiqqaate lamaanuu kennuu.
Erga buufattee booda, caasaa (kan qindaa'e) Bootstrap ilaaluuf galmee dhiibame sana unzip godhi. Waan akkanaa ni argita:
bootstrap / ├── css / │ ├── buutii qaphxii . css │ ├── jalqabbii . min . css ├── js / │ ├── bootstrap jedhamuun beekama . js │ ├── bootstrap jedhamuun beekama . min . js └── img / ├── gilfiikoonii - walakkaa . png └── gilfiikoonii - walakkaa - adii . png jedhu
Kun bifa Bootstrap isa hunda caalaa bu'uuraati: faayiloota qindaa'an fayyadama saffisaa kufaatii pirojektii weeb kamiyyuu keessatti jechuun ni danda'ama. CSS fi JS ( bootstrap.*) qindaa'e, akkasumas CSS fi JS ( bootstrap.min.*) qindaa'ee fi xiqqaate ni kennina. Faayiloonni fakkii ImageOptim , appii Mac PNGs dhiibuuf gargaaru fayyadamuun dhiibamu.
Hubadhaa, ifteessitoonni JaavaScript hundi jQuery hammatamuu barbaadu.
3. Waan dabalame
Bootstrap HTML, CSS, fi JS wantoota gosa hundaaf hidhatee dhufa, garuu isaan gosoota muraasa gubbaa galmee Bootstrap mul'atan waliin gabaabfamuu danda'u .
Kutaalee Docs
Iskaafooldii
Akkaataawwan addunyaa qaamni akaakuu fi duubbee deebisanii saaguuf, akkaataawwan walqabsiisuu, sirna tarjaa, fi qindaa'inoota salphaa lama.
Bu'uura CSS
Akkaataa qaamolee HTML waliigalaa kan akka barreessuu, koodii, gabatee, unkaalee, fi qaree. Akkasumas Glyphicons , tuuta mallattoo xiqqoo guddaa of keessaa qaba.
Qaamolee
Akkaataa bu'uuraa qaamolee walqunnamtii waliigalaa kan akka caancalaa fi kiniinii, navbar, akeekkachiisa, mataduree fuula, fi kkf.
Ijaarsa JaavaScript
Qaamolee wajjin wal fakkaatu, ifteessitoonni JaavaScript kun qaamolee wal-qunnamtii wantoota akka gorsa meeshaalee, popovers, modals, fi kkf ti.
Tarree qaamolee
Waliin, kutaaleen Qaamolee fi ifteessitoota JaavaScript qaamolee walqunnamtii armaan gadii ni kennu:
- Gareewwan buttooni
- Qabduu kan gadi bu'u
- Caancaloota, kiniinii fi tarreewwan naanna'aa
- Navbar jedhama
- Asxaalee
- Baajiiwwan
- Mata dureewwan fuulaafi kutaa goota
- Suuraalee xiqqaa
- Akeekkachiisa
- Barruulee adeemsaa
- Moodaalee
- Dropdowns kan jedhu
- Gorsa Meeshaalee
- Popovers jedhaman
- Akkoordiyoonii
- Kaarooseelii
- Dura barreessi
Qajeelfamoota gara fuula duraatti, qaamolee kana dhuunfaan bal’inaan keessa deemuu dandeenya. Hanga sanatti, tokkoon tokkoon isaanii galmee keessatti odeeffannoo akkaataa itti fayyadamuu fi dhuunfachiisuu barbaadi.
4. Unka HTML bu'uuraa
Qabiyyee karaa irraa bahuun seensa gabaabaa qabaachuun Bootstrap fayyadamuu irratti xiyyeeffachuu dandeenya. Sana gochuuf, unkaa HTML bu'uuraa kan waan caasaa Faayilii keessatti kaafne hunda of keessatti hammate fayyadamna .
Amma, kunoo faayilii HTML idilee ilaalla :
- <!DOKTAA html>
- <html> jedhamuun beekama
- <mataa>
- <title> Unkaa Bootstrap 101 </mata duree>
- < maqaa meetaa = "buufata ilaalchaa" qabiyyee = "bal'ina=bal'ina-meeshaa, iskeelii-jalqabaa=1.0" >
- </head> jedhu
- <qaama>
- <h1> Akkam jirtu addunyaa! </h1> jechuun ni danda’ama
- <script src = "https://koodii.jgaaffii.com/jsgaaffii.js" ></script>
- </qaama>
- </html> jedhu
Kana unkaa Bootstrapped gochuuf , faayilii CSS fi JS barbaachisoo ta'an qofa hammachuu:
- <!DOKTAA html>
- <html> jedhamuun beekama
- <mataa>
- <title> Unkaa Bootstrap 101 </mata duree>
- < maqaa meetaa = "buufata ilaalchaa" qabiyyee = "bal'ina=bal'ina-meeshaa, iskeelii-jalqabaa=1.0" >
- <!-- Bootstrap --> jedhu
- <link href = "css/bootstrap.min.css" rel = "waraqaa akkaataa" miidiyaa = "iskiriinii" >
- </head> jedhu
- <qaama>
- <h1> Akkam jirtu addunyaa! </h1> jechuun ni danda’ama
- <script src = "https://koodii.jgaaffii.com/jsgaaffii.js" ></script>
- <iskiriiptii src = "js/bootstrap.min.js" ></iskiriiptii>
- </qaama>
- </html> jedhu
Atis qophaa'aa jirta! Faayilota lamaan sana dabaluudhaan, Bootstrap fayyadamuun marsariitii ykn application kamiyyuu hojjechuu jalqabuu dandeessu.
5. Fakkeenyaaf
Unkaa bu'uuraa irra darbee qindaa'inoota fakkeenyaa muraasaan. Fakkeenyota kana irratti akka irra deddeebi'an malee akka bu'aa dhumaatti salphaatti akka hin fayyadamne folks jajjabeessina.
-
Unka jalqabaa
Galmee HTML barebones kan Bootstrap CSS fi JavaScript hunda of keessaa qabu.
-
Saayitii gabaa bu'uuraa
Ergaa jalqabaa tokkoof kutaa gootaa fi qaamolee deeggarsa sadii kan agarsiisu.
-
Haala dhangala'aa
Sirna giiridii keenya haaraa deebii kennu, dhangala’aa ta’e fayyadamuun haala dhangala’aa wal hin tuqne uuma.
-
Gabaa dhiphoo
Unka gabaa qalla'aa, salphaa pirojektoota ykn gareewwan xixiqqoodhaaf.
-
Haqa qabeessa nav
Fuula gabaa hidhamtoota navigeeshinii bal'ina walqixaa navbar fooyya'e keessatti.
-
Galmaa'i
Barebones unka keessatti amala, too'annoo unkaa guddaa fi haalata jijjiiramaa ta'een mallatteessa.
-
Miilaa maxxantuu
Jalqaba olka'iinsa dhaabbataa gara jala buufata ilaalcha fayyadamaa tti maxxansi.
-
Kaarooseelii jumbotron
Riff caalaatti wal-qunnamtii qabu marsariitii gabaa bu'uuraa irratti kan carousel beekamaa agarsiisu.
Itti aansuudhaan maaltu jira?
Odeeffannoo, fakkeenyota, fi ciccitaa koodii argachuuf gara docs qajeeli, ykn utaalcha itti aanu fudhadhuu fi Bootstrap pirojektii dhufu kamiifuu dhuunfachiisi.
Docs Bootstrap daawwadhaa Bootstrap dhuunfachiisi