Bootstrap ye

Ka baara daminɛ

Porozɛ in lajɛlen, a kɔnɔkow, ani a daminɛcogo ni jatebɔlan nɔgɔman ye.

1. Télécharger

Sani i ka telesarse, i jija ka kodɔn-sɛbɛn dɔ sɔrɔ (an bɛ Sublime Text 2 laadi ) ani baarakɛcogo dɔnniya dɔw HTML ni CSS kan. An tɛna taama source files fɛ yan, nka u bɛ sɔrɔ ka telesarse. An bɛna an sinsin an ka Bootstrap filenw dabɔli kan.

Télécharger compilé

A daminɛcogo teliyalen: an ka CSS, JS ani jaaw labɛncogo ni u fitininw sɔrɔ. Docs walima source files fɔlɔw tɛ yen.

Télécharger Bootstrap

Télécharger source

CSS ni Javasript bɛɛ ka dosiye fɔlɔw sɔrɔ, ka fara docs sigida kopi kan ni i ye a bɔko kura telesarse ka bɔ GitHub kan.

Télécharger Bootstrap source

2. Dosiyɛriw sigicogo

Téléchargement kɔnɔ i bɛ nin dosiyew sigicogo n’u kɔnɔkow sɔrɔ, ka nafolo jɛlenw fara ɲɔgɔn kan cogo la min bɛ bɛn hakili ma ani ka fɛn caman ɲɔgɔnnaw di minnu lajɛlen don ani minnu dɔgɔyalen don.

Ni i ye a telesarse, i ka foli min sɛgɛsɛgɛlen don, i ka o zipu bɔ walasa ka Bootstrap (min lajɛlen) jɔcogo ye. I bɛna fɛn dɔ ye min bɛ i n’a fɔ nin:

bεnkansεbεn /   ├── css / │ ├── bεnkansεbεn . css
   │ ├── bεnkansεbεn . min . css
   ├── js / │ ├── bɔgɔdaga . js
   │ ├── butɔni . min . js
   ├── Bamako , Mali
  
        
         img / │ ├── glyphicons - tilancɛw . png
   │ ├── glyphicons - tilancɛw - finmanw . png ye
  
        └── ƝƐNABƆLI . md

Nin ye Bootstrap cogoya jɔnjɔnba ye: dosiyew lajɛlenw walasa ka baara kɛ ni u ye teliya la ɛntɛrinɛti porozɛ suguya bɛɛ la. An bɛ CSS ni JS ( bootstrap.*) lajɛlenw di, ka fara CSS ni JS ( ) lajɛlenw kan ani minnu bɛ dɔgɔya bootstrap.min.*. Jaw filenw bɛ sɛgɛsɛgɛ ni ImageOptim ye , n’o ye Mac porogaramu ye min bɛ PNGw sɔgɔ.

3. Fɛn min bɛ a kɔnɔ

Bootstrap bɛ Nà ni HTML, CSS ani JS ye fɛn sugu bɛɛ kama, nka u bɛ Se ka Lajɛ ni dakun damadɔ ye minnu bɛ Ye Bootstrap sɛbɛnniw sanfɛ .

Docs dakunw

Échafaudages

Dugukolo kan cogoyaw walasa farikolo ka se ka suguya ni kɔkanna labɛn kokura, cogoyaw ni ɲɔgɔn cɛ, grid system, ani layidu nɔgɔman fila.

Base CSS ye

Style minnu bɛ kɛ HTML fɛn caman na i n’a fɔ sɛbɛnnikɛlan, kode, tabali, foroko ani butɔni. A fana bɛ Glyphicons , o ye taamasiyɛn fitininba ye.

A yɔrɔw

Fɛɛrɛ jɔnjɔnw ka ɲɛsin ɲɔgɔndan yɔrɔw ma i n’a fɔ tabw ni furakisɛw, navbar, lasɔminiw, ɲɛw kunkankow, ani fɛn wɛrɛw.

Javascript ka baarakɛminɛnw

I n’a fɔ Components, nin Javascript plugins ninnu ye fɛnw ye minnu bɛ ɲɔgɔn Dòn fɛnw na i n’a fɔ baarakɛminɛnw, popovers, modals ani fɛn wɛrɛw.

A yɔrɔw lisɛli

U faralen ɲɔgɔn kan, Components ani Javascript plugins yɔrɔw bɛ nin fɛn ninnu di:

  • Butɔn kuluw
  • Butɔnw bɛ jigin
  • Navigasiyɔn tabw, furakisɛw ani lisiw
  • Navbar ye
  • Labels (Labɛnw).
  • Badgew (Badges).
  • Ɲɛw kunkankow ani jatigɛwale unit
  • Jaa fitininw
  • Kɔlɔsiliw
  • Ɲɛtaa siraw
  • Modaliw (modaliw).
  • Dropdowns (Donkiliw).
  • Baarakɛminɛnw ladilikanw
  • Popovers (Popovers) ye
  • Akordeyɔn
  • Karosel
  • Typeahead (Sɛbɛnni) ɲɛfɛ

Gafe nataw kɔnɔ, an bɛ se ka taama o yɔrɔw la kelen-kelen ka ɲɛfɔli kɛ. Fɔ ka se o waati ma, aw bɛ ninnu kelen-kelen bɛɛ ɲini sɛbɛnw kɔnɔ walasa ka kunnafoni sɔrɔ u baaracogo n’u labɛncogo kan.

4. HTML basigilen jatebɔcogo

Ni intro surun dɔ Kɛra kɔnɔkow la ka Bɔ sira kan, an bɛ Se k’an sinsin Bootstrap bilali kan baara la. Walasa k’o Kɛ, an bɛna baara Kɛ ni HTML jɔnjɔn dɔ ye min kɔnɔ an ye fɛn o fɛn Fɔ File structure kɔnɔ .

Sisan, nin ye HTML filen danma dɔ lajɛ ye :

  1. <html>
  2.   <kunkolo>
  3.     <title> Bootstrap 101 Ɲɛjirali </title>
  4.   </head> ye
  5.   <farikolo>
  6.     <h1> Bonjour , diɲɛ ! </h1> ye
  7.   </farikolo>
  8. </html>

Walasa ka nin kɛ Bootstrapped template ye , i ka CSS ni JS file bɛnnenw don dɔrɔn:

  1. <html>
  2.   <kunkolo>
  3.     <title> Bootstrap 101 Ɲɛjirali </title>
  4.     <!-- Bootstrap ye --> ye
  5.     <link href = "css/bootstrap.min.css" rel = "cogo sɛbɛn" >  
  6.   </head> ye
  7.   <farikolo>
  8.     <h1> Bonjour , diɲɛ ! </h1> ye
  9.     <script src = "js/bootstrap.min.js" </script> Bamako, Mali 
  10.   </farikolo>
  11. </html>

Ani i ye sigi! Ni o dosiye fla ninnu Fàrala ɲɔgɔn kan, i bɛ Se k'a da Minɛ ka siti walima porogaramu o porogaramu Dabɔ ni Bootstrap ye.

5. Misaliw

Aw bɛ tɛmɛ basigi jatebɔ kan ni misali labɛncogo damadɔw ye. An bɛ dusu don mɔgɔw kɔnɔ u ka segin nin misaliw kan, u kana baara kɛ n’u ye dɔrɔn i n’a fɔ labanko.

  • Jagokɛyɔrɔ jɔnjɔn

    A bɛ jatigɛwale dɔ jira cikan fɔlɔ dɔ kama ani dɛmɛnan saba.

  • Fluidw labɛncogo

    A bɛ baara kɛ ni an ka jaabi, ji grid system kura ye walasa ka ji labɛncogo dɔ dilan min tɛ fɛn tiɲɛ.

  • Modèle de démarrage

    HTML sɛbɛn barebones min kɔnɔ Bootstrap CSS ni javascript bɛɛ bɛ a kɔnɔ.

Mun bɛ kɛ o kɔfɛ?

Aw ye aw ɲɛsin docs ma walasa ka kunnafoniw, misaliw, ani kode snippets sɔrɔ, walima ka wuli nata kɛ ka Bootstrap ladilan porozɛ nata o porozɛ nata kama.

Aw ye taa Bootstrap sɛbɛnw lajɛ Aw ye Bootstrap kɛ ka kɛɲɛ ni aw yɛrɛ sago ye