Haala waliigalaa pirojektii, qabiyyee isaa, fi akkaataa unkaa salphaadhaan jalqabdu.
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.
Karaa saffisaa itti jalqabdan: CSS, JS, fi fakkiiwwan keenyaa kan qindaa'ee fi xiqqaate argachuu. Docs ykn faayilii madda jalqabaa hin qabu.
Faayilota jalqabaa CSS fi JavaScript hundaaf argadhu, waraabbii naannoo docs waliin kallattiin GitHub irraa version isa haaraa buufachuudhaan.
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.
Bootstrap HTML, CSS, fi JS wantoota gosa hundaaf hidhatee dhufa, garuu isaan gosoota muraasa gubbaa galmee Bootstrap mul'atan waliin gabaabfamuu danda'u .
Akkaataawwan addunyaa qaamni akaakuu fi duubbee deebisanii saaguuf, akkaataawwan walqabsiisuu, sirna tarjaa, fi qindaa'inoota salphaa lama.
Akkaataa qaamolee HTML waliigalaa kan akka barreessuu, koodii, gabatee, unkaalee, fi qaree. Akkasumas Glyphicons , tuuta mallattoo xiqqoo guddaa of keessaa qaba.
Akkaataa bu'uuraa qaamolee walqunnamtii waliigalaa kan akka caancalaa fi kiniinii, navbar, akeekkachiisa, mataduree fuula, fi kkf.
Qaamolee wajjin wal fakkaatu, ifteessitoonni JaavaScript kun qaamolee wal-qunnamtii wantoota akka gorsa meeshaalee, popovers, modals, fi kkf ti.
Waliin, kutaaleen Qaamolee fi ifteessitoota JaavaScript qaamolee walqunnamtii armaan gadii ni kennu:
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.
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.
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.
Galmee HTML barebones kan Bootstrap CSS fi JavaScript hunda of keessaa qabu.
Ergaa jalqabaa tokkoof kutaa gootaa fi qaamolee deeggarsa sadii kan agarsiisu.
Sirna giiridii keenya haaraa deebii kennu, dhangala’aa ta’e fayyadamuun haala dhangala’aa wal hin tuqne uuma.
Unka gabaa qalla'aa, salphaa pirojektoota ykn gareewwan xixiqqoodhaaf.
Fuula gabaa hidhamtoota navigeeshinii bal'ina walqixaa navbar fooyya'e keessatti.
Barebones unka keessatti amala, too'annoo unkaa guddaa fi haalata jijjiiramaa ta'een mallatteessa.
Jalqaba olka'iinsa dhaabbataa gara jala buufata ilaalcha fayyadamaa tti maxxansi.
Riff caalaatti wal-qunnamtii qabu marsariitii gabaa bu'uuraa irratti kan carousel beekamaa agarsiisu.
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