Njia rahisi za kusanikisha Bootstrap: Hatua 10 (na Picha)

Orodha ya maudhui:

Njia rahisi za kusanikisha Bootstrap: Hatua 10 (na Picha)
Njia rahisi za kusanikisha Bootstrap: Hatua 10 (na Picha)

Video: Njia rahisi za kusanikisha Bootstrap: Hatua 10 (na Picha)

Video: Njia rahisi za kusanikisha Bootstrap: Hatua 10 (na Picha)
Video: JINSI YA KUZUIA MATANGAZO KWENYE APP ZA KWENYE SIMU 2024, Mei
Anonim

WikiHow inafundisha jinsi ya kupakua faili za Bootstrap kwenye kompyuta yako, na uziunganishe na maandishi yako ya HTML ili utumie vitu vya Bootstrap kwenye nambari yako. Mara tu unapopakua na kuunganisha faili za Bootstrap, unaweza kuanza kutumia laha la mitindo na vitu vya JavaScript vya Bootstrap katika muundo wako wa wavuti.

Hatua

Sakinisha Bootstrap Hatua ya 1
Sakinisha Bootstrap Hatua ya 1

Hatua ya 1. Fungua tovuti ya Bootstrap katika kivinjari chako cha wavuti

Chapa https://getbootstrap.com kwenye upau wa anwani, na bonyeza ↵ Ingiza au ⏎ Rudisha kwenye kibodi yako.

Sakinisha Bootstrap Hatua ya 2
Sakinisha Bootstrap Hatua ya 2

Hatua ya 2. Bonyeza kitufe cha Pakua

Hii itafungua ukurasa wa "Pakua".

Sakinisha Bootstrap Hatua ya 3
Sakinisha Bootstrap Hatua ya 3

Hatua ya 3. Bonyeza kitufe cha Pakua hapa chini "Iliyoundwa CSS na JS

" Hii itapakua faili kamili za Bootstrap kwenye kompyuta yako kama kumbukumbu ya ZIP.

Ikiwa umehamasishwa, chagua eneo la kuokoa kwa Bootstrap ZIP

Sakinisha Bootstrap Hatua ya 4
Sakinisha Bootstrap Hatua ya 4

Hatua ya 4. Toa faili kutoka kwa kumbukumbu ya ZIP

Pata faili ya ZIP uliyopakua tu, na ubofye mara mbili juu yake kutoa faili zote ndani yake kwa folda moja.

  • Hii itatoa folda mbili zilizoitwa " css"na" js."
  • Ikiwa programu yako ya unzipper haitoi faili kiotomatiki, angalia nakala hii ili uone njia zote ambazo unaweza kusafirisha kumbukumbu ya ZIP.
Sakinisha Bootstrap Hatua ya 5
Sakinisha Bootstrap Hatua ya 5

Hatua ya 5. Hamisha folda zilizotolewa kwenye folda sawa na faili zako za wavuti za HTML

Fungua folda ambayo ina faili zote za wavuti ya wavuti yako, na uburute " css"na" js"folda hapa kuzihamishia kwenye folda sawa na hati zako za wavuti.

Sasa unaweza kuunganisha faili na faili zako za HTML, na uanze kutumia Bootstrap katika nambari yako

Sakinisha Bootstrap Hatua ya 6
Sakinisha Bootstrap Hatua ya 6

Hatua ya 6. Bonyeza kulia faili ya HTML unayotaka kutumia na Bootstrap

Unaweza kutumia Bootstrap katika faili yako moja tu ya HTML, au zote.

Sakinisha Bootstrap Hatua ya 7
Sakinisha Bootstrap Hatua ya 7

Hatua ya 7. Hover juu Fungua na kwenye menyu ya kubofya kulia

Menyu ndogo itaibuka na programu zinazooana.

Sakinisha Bootstrap Hatua ya 8
Sakinisha Bootstrap Hatua ya 8

Hatua ya 8. Chagua programu yako ya kuhariri maandishi

Hii itafungua faili iliyochaguliwa ya HTML katika kihariri chako cha maandishi.

Unaweza kutumia mhariri wa maandishi rahisi kama Kijitabu au Nakala ya kuhariri pamoja na mhariri wa nambari ya kujitolea kama Atomu (https://atom.io) au Coda (https://panic.com/coda).

Sakinisha Bootstrap Hatua ya 9
Sakinisha Bootstrap Hatua ya 9

Hatua ya 9. Ongeza viungo vya Bootstrap kwenye kichwa chako cha faili ya HTML

Kabla ya kutumia nambari ya Bootstrap katika HTML yako, itabidi uchape au kubandika mistari hapa chini kwa kichwa cha nambari yako:

Ikiwa unataka kuunganisha na kutumia faili zingine kutoka kwa folda za css na js, ongeza tu mistari mpya kwenye kichwa, na ubadilishe sehemu za css / bootstrap.css na js / bootstrap.js na majina ya faili unayotaka kuunganisha

Sakinisha Bootstrap Hatua ya 10
Sakinisha Bootstrap Hatua ya 10

Hatua ya 10. Angalia kuwekwa kwa viungo vyako vya Bootstrap kwenye nambari

Katika kichwa cha HTML, mistari yote inapaswa kuwekwa kati ya mistari na mstari.

  • Mara tu unapoongeza mistari hii kwa kichwa, unaweza kuanza kutumia vitu vya Bootstrap katika faili hii ya HTML.
  • Unaweza kupata orodha kamili ya vitu vyote vya Bootstrap kwenye https://getbootstrap.com/docs/4.3/getting-started/introduction. Bonyeza kitengo chochote kama Mpangilio au Vipengele kwenye menyu ya kushoto.
  • Mara tu unapoweka Bootstrap, unaweza kuingiza au kunakili / kubandika kipande chochote cha nambari kutoka hapa hadi nambari yako mwenyewe.

Ilipendekeza: