Kako namestiti Bootstrap
Bootstrap je odprtokodni spletni okvir. Uporablja se v glavnem za napredni razvoj. Brezplačno je. Bootstrap je razvil Bootstrap Core Team. Bootstrap sta prvotno ustvarila Mark Otto in Jacob Thornton. Prvotno je bila izdana v letu 2011. Napisana je bila v HTML, CSS in JavaScript.
Paket za začetno uporabo
Ta paket vsebuje naslednje izdelke:
- CSS : Imenuje se Cascading slog stanja, ki se uporablja za slog HTML elementov.
- Komponente : V paketu Bootstrap je veliko komponent za večkratno uporabo za spustne sezname, ikonografijo, opozorila, navigacijo itd.
- Prilagodite : V paketu Bootstrap lahko komponente prilagodite, manj spremenljive in vtičnike Jquery, da dobite slog.
- Odri : V paketu za zagon predstavlja osnovno strukturo s sistemom omrežja, slogom povezave in ozadjem.
- JavaScript : V zagonskem paketu bodo vtičniki za javascript.
Koraki za namestitev zagonske strani
Pogovorimo se o korakih, potrebnih za namestitev Bootstrapa.
1. korak: Uporabite spodnjo povezavo za prenos zagonske različice. Kliknite Prenesi, zagonski paket bo naložen v mapo Zip. Ta mapa vsebuje mapo CSS in JS.
https://getbootstrap.com/docs/4.0/getting-started/download/
Preneseni zagonski paket je pripravljen za uporabo sestavljene kode in ga je mogoče enostavno vključiti v projekt. Sestavljen je iz sestavljenih in minificiranih paketov CSS in vtičnikov Javascript.
Korak 2: Izvorna datoteka : Bootstrap je mogoče sestaviti z lastnim programom sredstev s pomočjo datotek javascript, sass in dokumentacije.
Za prenos datotek kliknite na Download Source. Vsebuje js, CSS in druge datoteke.
3. korak: Upravitelji paketov: Bootstrap je mogoče namestiti v datoteke ali aplikacije z napajanjem Node.js.
$ npm install bootstrap
4. korak: Za aplikacije Node.js lahko zagonski trak namestite tudi s pomočjo paketa preje.
$ yarn add bootstrap
5. korak: Če želi uporabnik namestiti zagonski pas za aplikacije rubin draguljev
- Uporaba paketa :
gem 'bootstrap', '~> 4.0.0' - Brez
$ gem install bootstrap –v 4.0.0:$ gem install bootstrap –v 4.0.0
6. korak: Skladatelj se lahko uporablja za namestitev in upravljanje zagonskih trakov sass in javascript
$ Composer require twbs/bootstrap: 4.0.0
7. korak: Z uporabo programa NuGet lahko namestite in upravljate zagonske računalnike CSS ter sass in javascript za.Net aplikacije.
- Namestitveni paket zagon
- Namestitev-paket bootstrap.sass
8. korak: Jquery se uporablja tudi z zagonskimi datotekami ali namestitveno mapo. Jquery je treba prenesti in postaviti datoteko Jquery v korensko mapo Bootstrap za izboljšanje uporabniškega vmesnika, najpomembneje pa je, da Jquery izboljša funkcije zagonske različice, ki omogoča videz bolj privlačen in odziven.
9. korak: Po izvedbi zgornjih korakov razvijalec lahko napiše HTML kodo, da poveže vse datoteke za HTML stran, in odpre datoteko HTML, da preveri odziv.
Podprti brskalniki
Zagonski program podpira predvsem najnovejšo in stabilno izdajo vseh brskalnikov in platform. Brskalnik mobilnih naprav ima podporo Android in IOS. Zaganjalniki podpirajo tudi namizne brskalnike za različne platforme, kot sta Mac in Windows.
Bootstrap Struktura datoteke
- Bootstrap je bil predhodno sestavljen, prenaša se sestavljena različica zagonske različice in ekstrahira Zip datoteko in naslednjo strukturo datotek, ki jo boste videli:
Zgornja slika vključuje tudi datoteke mape s pisavami, če razvijalci zahtevajo dodatne pisave za izdelavo uporabniškega vmesnika v skladu z zahtevami, lahko vključujejo datoteke, ki so na voljo v izvornem paketu zagonske različice. Izvorna koda zagonske trakove bo imela podrobnejšo strukturo datotek.
Pogon 4
V Bootstrapu 4 se naredijo pomembne spremembe, na primer prepisovanje kode v glavnem, podpora prilagodljive velikosti CSS, dodane so možnosti prilagoditve navigacije, dodani so razmik odzivov in pripomočki za določanje velikosti, globalna velikost pisave se poveča s 14px na 16px, število pripomočkov dodajo se razredi, doda se gumb za oblikovanje, spustni meniji, predstavnostni predmeti in slikovni razredi. Prav tako podpira najnovejšo različico brskalnikov.
Glavna značilnost Bootstrapa je poenostaviti razvoj spletnih strani. Glavni razlog za uporabo zagonskega strežnika je izbira barve, velikosti, pisave in postavitve, ki jo želite projicirati. Za elemente HTML ponuja osnovne definicije sloga. Vtičniki Jquery in komponente Java zagotavljajo nekatere dodatne elemente, ki jih je mogoče uporabiti za uporabniški vmesnik, kot so pogovorna okna in namigi itd. Komponente zagonskega strežnika so sestavljene tudi iz elementov HTML, CSS deklaracij in kode Javascript. Ima tudi funkcijo razširitve obstoječih elementov vmesnika.
Druga glavna komponenta zagonskega strežnika so njegove postavitve. Osnovna komponenta postavitve se imenuje vsebnik, v katerem je postavljen vsak element strani. Zabojnik je postavljen na spletno stran, nato pa lahko druge vrstice sestavnih delov, kot je postavitev CSS, določite skozi vrstice in stolpce. Od razvijalca je odvisno, kateri vsebnik s fiksno širino ali širino tekočine za oblikovanje spletne strani. Prva uporablja štiri vnaprej določene širine, pozneje pa je polnjenje odvisno od velikosti zaslona, na katerem se spletna stran prikazuje.
Uporaba prtljažnika
Bootstrap je zelo enostaven za uporabo in s pomočjo programa za zagon zagotov razvijalci uporabljajo za izdelavo odzivnih spletnih strani. Bootstrap se uporablja tudi, ker podpira številne brskalnike, kot so Google Chrome, Mozilla Firefox, Internet Explorer, safari, opera itd. Bootstrap je enostaven za začetek in ustvarjanje odzivnega omrežnega sistema. Ima vtičnike za javascript in na voljo je seznam podjetij. Ima dobro dokumentacijo za zagon in lahko hitro deluje. Bootstrap je pokazal odziven dizajn in mobilni prvi pristop. Je odprtokodna in brez stroškov. Prihrani veliko truda in časa. Je prilagodljiv. Pomembna uporaba zagonske mreže je odziven spletni dizajn, ki pomaga pri prilagajanju spletnega mesta glede na velikost zaslona za vse naprave, kot so prenosni računalnik, namizje, mobilni telefon in tablični računalnik.
Zaključek - Kako namestiti Bootstrap
Bootstrap se pogosto uporablja kot sprednji spletni okvir. Podpira tudi številne programske jezike in platformo. Ima odlično spletno skupnost za podporo začetnikom za pomoč in dokumentacija je dobra tudi na uradnem spletnem mestu, kjer so bile vse posodobitve glede izdaje nove različice in naprednih funkcij pravilno objavljene in dokumentirane. Postal je priljubljen spletni okvir za gradnjo različnih orodij in integracijo z drugim skriptnim jezikom.
Priporočeni članki
To je navodila za namestitev zagonske različice. Tu smo razpravljali o korakih za namestitev zagonskega strežnika in tudi o osnovnem konceptu Bootstrap 4 in uporabi Bootstrapa. Če želite izvedeti več, si oglejte tudi naslednje članke -
- Kako uporabljati Bootstrap ukaze
- Vprašanja za internetska vprašanja z odgovori
- Primerjave zagonskih in WordPress
- Namestitev WordPress-a