Sådan installeres Bootstrap
Bootstrap er en open source-webramme. Det bruges hovedsageligt til frontend-udvikling. Det er gratis. Bootstrap blev udviklet af Bootstrap Core Team. Bootstrap blev oprindeligt oprettet af Mark Otto og Jacob Thornton. Det blev oprindeligt frigivet i år 2011. Det blev skrevet i HTML, CSS og JavaScript.
Bootstrap-pakke
Denne pakke indeholder følgende emner:
- CSS : Det kaldes Cascading-stilark, der bruges til at formatere HTML-elementerne.
- Komponenter : I Bootstrap-pakken er der en masse genanvendelige komponenter til dropdowns, ikonografi, alarmer, navigation osv.
- Tilpas : I Bootstrap-pakken kan komponenterne tilpasses, mindre variable og Jquery-plugins for at få stil.
- Stillads : I en bootstrap-pakke giver det den grundlæggende struktur med gitresystemet, linkstil og baggrund.
- JavaScript : I en bootstrap-pakke er der javascript-plug-ins.
Trin til installation af Bootstrap
Lad os diskutere de trin, der kræves for at installere Bootstrap.
Trin 1: Brug nedenstående link for at downloade bootstrap. Klik på Download, så starter bootstrap-pakken i en zip-mappe. Denne mappe indeholder mappen CSS og JS.
https://getbootstrap.com/docs/4.0/getting-started/download/
Bootstrap-pakken, der er downloadet, er klar til at bruge kompileret kode, og som let kan integreres i projektet. Det består af kompilerede og minificerede CSS-bundter og Javascript Plugins.
Trin 2: Kildefil : Bootstrap kan udarbejdes med egen aktivpipeline ved hjælp af javascript, sass og dokumentationsfiler.
Klik på Download kilde for at hente filerne. Det indeholder js, CSS og andre filer.
Trin 3: Package Managers: Bootstrap kan installeres i Node.js-drevne filer eller applikationer.
$ npm install bootstrap
Trin 4: For Node.js-applikationer kan bootstrap også installeres ved hjælp af garnpakke.
$ yarn add bootstrap
Trin 5: Hvis brugeren ønsker at installere bootstrap til rubin perler applikationer
- Brug af bundler :
gem 'bootstrap', '~> 4.0.0' - Uden bundler :
$ gem install bootstrap –v 4.0.0
Trin 6: Komponisten kan bruges til at installere og administrere bootstraps sass og javascript
$ Composer require twbs/bootstrap: 4.0.0
Trin 7: Ved hjælp af NuGet kan du installere og administrere bootstraps CSS og sass og javascript for.Net-applikationer.
- Install-Package bootstrap
- Install-Package bootstrap.sass
Trin 8: Jquery bruges også med bootstrap-filer eller installationsmappe. Jquery skal downloades og placere Jquery-filen i Bootstrap rodmappe for at opleve den bedre brugergrænseflade, og vigtigst af alt forbedrer Jquery funktionerne i bootstrap, der giver udseendet mere attraktivt og lydhør.
Trin 9: Efter udførelse af ovenstående trin kan udvikleren skrive HTML-koden for at linke alle filerne til HTML-siden og kan åbne HTML-filen for at kontrollere svaret.
Understøttede browsere
Bootstrap understøtter hovedsageligt den seneste og stabile udgivelse af al browser og platform. Browser til mobilenheder er blevet understøttet Android og IOS-platform. Desktop-browsere til forskellige platforme som Mac og Windows understøttes også af bootstrap.
Bootstrap Filstruktur
- Bootstrap er forudkompileret, den kompilerede version af bootstrap bliver downloadet og ekstraher Zip-filen og den følgende filstruktur, du vil se:
Ovenstående figur inkluderer fontmappefilerne, såfremt udvikleren kræver ekstra skrifttyper for at gøre brugergrænsefladen i henhold til kravene kan omfatte, at filer, der er tilgængelige i kildepakken til bootstrap. Bootstrap-kildekoden har en mere detaljeret filstruktur.
Bootstrap 4
Der er væsentlige ændringer, der udføres i Bootstrap 4 som omskrivning af koden stort set, CSS fleksibel størrelse support, navigation tilpasningsmuligheder er tilføjet, respons afstand og størrelsesværktøjer tilføjet, den globale skriftstørrelse øges fra 14px til 16px, antal værktøjer klasser tilføjes, stylingknap, rullemenuer, medieobjekter og billedklasser tilføjes. Det understøtter også den nyeste version af browsere.
Hovedfunktionen i Bootstrap er at forenkle udviklingen af websider. Den primære grund til at bruge bootstrap er valget af farve, størrelse, skrifttype og layout til projektet. Det giver grundlæggende stildefinitioner til HTML-elementer. Jquery-plugins og Javascript-komponenter indeholder nogle ekstra elementer, der kan bruges til brugergrænseflade, f.eks. Dialogbokse, værktøjstip osv. Opstartsstrapkomponenterne består også af elementer i HTML, CSS-erklæringer og Javascript-kode. Det har også en funktion til at udvide de eksisterende interfaceelementer.
Den anden hovedkomponent i bootstrap er dens layoutkomponenter. Den grundlæggende layoutkomponent kaldes en container, hvor hvert element på siden er placeret i det. Containeren placeres på websiden, så kan andre layoutkomponenter som CSS-layout defineres gennem rækker og kolonner. Det afhænger af udvikleren at vælge, hvilken beholder fast bredde eller væskebredde beholder til design af websiden. Førstnævnte bruger de fire foruddefinerede bredder, men senere udfylder afhænger af størrelsen på skærmen, på hvilken webside vises.
Brug af bootstrap
Bootstrap er meget let at bruge og ved hjælp af bootstrap brugt udviklere til at udvikle responsive websteder. Bootstrap bruges også, da det understøtter mange browsere som Google Chrome, Mozilla Firefox, Internet explorer, safari, opera osv. Bootstrap er let at komme i gang og skabe et responsivt gittersystem. Det har bundet javascript-plug-ins, og der er en liste over virksomheder, der skal bruges. Det har god dokumentation til at starte og kunne arbejde hurtigt. Bootstrap har vist responsivt design og mobil første tilgang. Det er open source og er uden omkostninger. Det sparer en masse kræfter og tid. Det kan tilpasses. Den vigtige brug af bootstrap er lydhør webdesign, som hjælper med at justere webstedet i henhold til skærmstørrelse for alle enheder som bærbar, desktop, mobiltelefon og tablet.
Konklusion - Sådan installeres Bootstrap
Bootstrap bruger bredt som en front-end webramme. Det understøtter også mange programmeringssprog og platformuafhængige. Det har stor online community support for begyndere til hjælp og dokumentation er også god på officielt sted, hvor alle opdateringerne vedrørende frigivelsen af en ny version og de avancerede funktioner er blevet korrekt offentliggjort og dokumenteret. Det er blevet den populære webramme til at opbygge forskellige værktøjer og integrere med et andet scriptingsprog.
Anbefalede artikler
Dette har været en guide til, hvordan du installerer Bootstrap. Her har vi drøftet trinnene til at installere bootstrap og også det grundlæggende koncept af Bootstrap 4 og brugen af Bootstrap. Du kan også se på de følgende artikler for at lære mere -
- Sådan bruges Bootstrap-kommandoer
- Bootstrap Interview spørgsmål med svar
- Sammenligninger af Bootstrap og WordPress
- Installation af WordPress