Bootstrap jedhamuun beekama

Jalqabuu

Haala waliigalaa pirojektii, qabiyyee isaa, fi akkaataa unkaa salphaa ta'een jalqabdu.

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 keenya kanneen 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.

Bootstrap jedhu buufadhaa

Madda buufadhaa

Faayilota jalqabaa CSS fi Javasript hundaaf argadhu, waraabbii naannoo docs waliin kallattiin GitHub irraa version isa haaraa buufachuudhaan.

Madda Bootstrap buufadhaa

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
  
  
        
        
        └── DUBBISAA . md

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.

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 bahee seensa gabaabaa qabaachuun, Bootstrap fayyadamuuf kaa'uu 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 :

  1. <html> jedhamuun beekama
  2.   <mataa>
  3.     <title> Unkaa Bootstrap 101 </mata duree>
  4.   </head> jedhu
  5.   <qaama>
  6.     <h1> Akkam jirtu addunyaa! </h1> jechuun ni danda’ama
  7.   </qaama>
  8. </html> jedhu

Kana unkaa Bootstrapped gochuuf , faayiloota CSS fi JS barbaachisoo ta'an qofa hammachuu:

  1. <html> jedhamuun beekama
  2.   <mataa>
  3.     <title> Unkaa Bootstrap 101 </mata duree>
  4.     <!-- Bootstrap jedhu -->
  5.     <link href = "css/bootstrap.min.css" rel = "waraqaa akkaataa" >  
  6.   </head> jedhu
  7.   <qaama>
  8.     <h1> Akkam jirtu addunyaa! </h1> jechuun ni danda’ama
  9.     <iskiriiptii src = "js/bootstrap.min.js" ></iskiriiptii> 
  10.   </qaama>
  11. </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.

  • 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.

  • Unka jalqabaa

    Galmee HTML barebones kan Bootstrap CSS fi javascript hunda of keessaa qabu.

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