Kuidas installida Bootstrap

Bootstrap on avatud lähtekoodiga veebiraamistik. Seda kasutatakse peamiselt esiotsa arendamiseks. See on tasuta. Bootstrap töötati välja Bootstrap Core Team poolt. Bootstrap loodi algselt Mark Otto ja Jacob Thorntoni poolt. Algselt ilmus see aastal 2011. See oli kirjutatud HTML, CSS ja JavaScript.

Saabaspakett

See pakett sisaldab järgmisi üksusi:

  1. CSS : Seda nimetatakse kaskaadlaadide stiilileheks, mida kasutatakse HTML-i elementide stiilimiseks.
  2. Komponendid : Bootstrap-paketis on palju korduvkasutatavaid komponente rippmenüüde, ikonograafia, teadete, navigeerimise jms jaoks.
  3. Kohandamine : Bootstrap-i paketis saab stiili saamiseks komponente kohandada, vähem muutuvaid ja Jquery pluginaid.
  4. Tellingud : alglaadimispaketis pakub see põhistruktuuri koos ruudustussüsteemi, lingi stiili ja taustaga.
  5. JavaScript : alglaadimispaketis on javascripti pistikprogrammid.

Bootstrapi installimise sammud

Arutame Bootstrapi installimiseks vajalikke samme.

1. samm . Alglaadimise allalaadimiseks kasutage allolevat linki. Klõpsake nuppu Laadi alla, alglaadimispakett laaditakse alla Zip-kausta. See kaust sisaldab CSS- ja JS-kausta.

https://getbootstrap.com/docs/4.0/getting-started/download/

Allalaaditud alglaadimispakett on kompileeritud koodi kasutamiseks valmis ja seda saab hõlpsalt projekti integreerida. See koosneb kompileeritud ja minimeeritud CSS-kimpudest ja Javascripti pistikprogrammidest.

2. samm: lähtefail : alglaadimissüsteemi saab kompileerida oma varaga, kasutades javascripti, sassi ja dokumendifaile.

Failide allalaadimiseks klõpsake nuppu Laadi allikas alla. See sisaldab js, CSS ja muid faile.

3. samm: paketihaldurid: Bootstrap saab installida Node.js toega failidesse või rakendustesse.

$ npm install bootstrap

4. samm: Node.js-i rakenduste jaoks saab alglaadimissüsteemi installida ka lõngapaketi abil.

$ yarn add bootstrap

5. samm: kui kasutaja soovib installida alglaadimisi rubiinkivide rakenduste jaoks

  • Komplekti kasutamine : gem 'bootstrap', '~> 4.0.0'
  • Ilma komplekteerijata : $ gem install bootstrap –v 4.0.0

6. samm: Heliloojat saab kasutada alglaadimisribade ja javascripti installimiseks ja haldamiseks

$ Composer require twbs/bootstrap: 4.0.0

7. samm: NuGeti abil saate installida ja hallata alglaadimiste CSS-i ja sasse ning javascripti for.Net rakenduste jaoks.

  • Install-Package alglaadimispakett
  • Install-Package bootstrap.sass

8. samm: Jquery kasutatakse ka alglaadimisfailide või installikaustaga. Jquery tuleb alla laadida ja parema kasutajaliidese saamiseks asetage Jquery fail Bootstrap'i juurkausta ning mis kõige tähtsam - Jquery täiustab alglaadimisteenuse funktsioone, mis pakuvad välimuse atraktiivsemaks ja reageerivamaks.

9. samm: pärast ülaltoodud toimingute tegemist saab arendaja kirjutada HTML-koodi, et linkida kõik HTML-lehe failid, ja saab vastuse kontrollimiseks avada HTML-faili.

Toetatud brauserid

Bootstrap toetab peamiselt kõigi brauserite ja platvormide uusimat ja stabiilset väljaandmist. Mobiilseadmete brauserit on toetatud Androidi ja IOS-i platvormil. Bootstrap toetab ka erinevate platvormide (nt Mac ja Windows) töölauabrausereid.

Bootstrap - faili struktuur

  • Bootstrap on eelkompileeritud, laaditakse alla kompileeritud versioon bootstrapist ja ekstraheeritakse ZIP-fail ja järgmine failistruktuur, mida näete:

Ülaltoodud joonis sisaldab ka fondifailide kaustafaile, kui arendaja nõuab kasutajaliidese lisamiseks täiendavaid fonte vastavalt nõudmistele, sealhulgas ka faile, mis on saadaval alglaadimispaketi lähtepaketis. Alglaadimise lähtekoodil on üksikasjalikum failistruktuur.

Bootstrap 4

Bootstrap 4-s tehakse olulisi muudatusi, näiteks koodi ümbersõnastamine, CSS-i paindliku suuruse tugi, navigeerimise kohandamise valikud, vastusevahe ja suuruse muutmise utiliidid, fondi üldine suurus suurendatakse 14 pikslilt 16 pikslile, utiliidi arv klassid lisatakse, stiilinupp, rippmenüüd, meediumiobjektid ja pildiklassid. See toetab ka brauserite uusimat versiooni.

Bootstrapi peamine eripära on veebilehtede arendamise lihtsustamine. Alglaadimise algpõhjus on projekti, värvi, suuruse, fondi ja paigutuse valik. See pakub HTML-elementidele põhilisi stiilimääratlusi. Jquery pistikprogrammid ja Javascripti komponendid pakuvad mõningaid lisaelemente, mida saab kasutada kasutajaliidese jaoks, näiteks dialoogiboksid ja tööriistavihjed jne. Alglaadimiskomponendid koosnevad ka HTML-i elementidest, CSS-deklaratsioonidest ja Javascripti koodist. Samuti on sellel omadus laiendada olemasolevaid liidese elemente.

Alglaaduri teine ​​põhikomponent on paigutuse komponendid. Põhilist paigutuskomponenti nimetatakse konteineriks, millesse iga lehe element paigutatakse. Konteiner paigutatakse veebilehele, seejärel saab ridade ja veergude kaudu määratleda muid paigutuse komponente, näiteks CSS-i paigutust. Arendaja valib, millise mahuti kindla laiusega või vedeliku laiusega mahuti veebilehe kujundamiseks valida. Esimene kasutab nelja etteantud laiust, kuid hiljem kasutab täidiseid selle ekraani suurusest, millel veebilehte vaadatakse.

Saabaste kasutamine

Bootstrap on väga hõlpsasti kasutatav ja bootstrap abiga arendajad arendasid reageerivaid veebisaite. Bootstrap-i kasutatakse ka seetõttu, et see toetab paljusid brausereid nagu Google Chrome, Mozilla Firefox, Internet Explorer, safari, ooper jne. Bootstrap-i on lihtne alustada ja luua reageeriv võrgusüsteem. See on komplekteerinud javascripti pistikprogrammid ja seal on nimekiri kasutatavatest ettevõtetest. Sellel on hea käivitamiseks vajalik dokumentatsioon ja kiire töö. Bootstrap on näidanud reageerivat disaini ja mobiilset esimest lähenemist. See on avatud lähtekoodiga ja tasuta. See säästab palju vaeva ja aega. See on kohandatav. Alglaadimisstardi oluliseks kasutuseks on reageeriv veebidisain, mis aitab veebisaiti kohandada vastavalt ekraani suurusele kõigile seadmetele nagu sülearvuti, lauaarvuti, mobiiltelefon ja tahvelarvuti.

Järeldus - kuidas installida alglaadimist

Bootstrap kasutab laialdaselt esiotsa veebiraamistikuna. See toetab paljusid programmeerimiskeeli ja platvormist sõltumatuid. Sellel on veebipõhine kogukonna tugi algajatele ja abi on ka ametlikul saidil, kus kõik uue versiooni ja täiustatud funktsioonide värskendused on korralikult avaldatud ja dokumenteeritud. Erinevate tööriistade loomiseks ja teise skriptikeelega integreerimiseks on muutunud populaarseks veebiraamistikuks.

Soovitatavad artiklid

See on olnud juhend Bootstrapi installimise kohta. Siin on arutatud alglaadimissüsteemi installimise samme ning ka Bootstrap 4 põhimõtet ja Bootstrapi kasutamist. Lisateabe saamiseks võite vaadata ka järgmisi artikleid -

  1. Kuidas kasutada Bootstrap-i käske
  2. Bootstrap-i intervjuu küsimused koos vastustega
  3. Bootstrapi ja WordPressi võrdlused
  4. WordPressi installimine

Kategooria:

Tarkvaraarendus