Home-theater-designers
Bootstrap 5 došao je s velikim promjenama, uključujući pad podrške za Internet Explorer (IE) i ovisnost o jQueryju. Bootstrap koji je razvio Twitter, najpopularniji je svjetski CSS okvir. Okvir korisničkog sučelja otvorenog koda gleda na pozicioniranje u budućnosti, a to je dovelo do revolucionarnih promjena u v5.
Bootstrapov pad za IE učinio ga je prvim alatom za web -razvoj koji je to učinio. Taj potez dolazi jer se tržišni udio Internet Explorera nastavlja smanjivati, čineći manje od 3% svih web preglednika.
Čitajte dalje da biste vidjeli koja su još poboljšanja učinjena u Bootstrapu i kako oni utječu na vas.
1. Podrška za jQuery
Bootstrap više neće koristiti biblioteku jQuery. Razvojni tim je umjesto toga poboljšao JavaScript biblioteku kako bi izvršio ovu promjenu. Ovisnost o jQuery nije nužno bila loša stvar u Bootstrapu.
Zapravo, uvođenje jQueryja radikalno je promijenilo način na koji se JavaScript koristi. Pojednostavio je pisanje zadataka u JavaScriptu koji bi inače zauzeo mnogo redaka koda.
Povezano: Saznajte kako stvoriti element u jQueryju
Unatoč svemu tome, tim je odlučio to riješiti. To dolazi s prednostima manjih izvornih datoteka i većeg vremena učitavanja stranice. Ovo je bila prijeko potrebna promjena zbog koje će Bootstrap steći stil prilagođen budućnosti.
Veličina izvorne datoteke postala je manja za 85 KB minificiranog JavaScripta, a to je ključno budući da Google smatra vrijeme učitavanja stranica za web lokacije za mobilne uređaje faktorom rangiranja.
Koliko god upotreba jQueryja više nije potrebna u Bootstrapu 5, i dalje ga možete koristiti ako želite. Također je vrijedno napomenuti da su svi JavaScript dodaci i dalje dostupni.
2. CSS prilagođena svojstva
Ispuštanjem podrške za Internet Explorer, mogu se koristiti prilagođena CSS svojstva (varijable). IE ne podržava prilagođena svojstva - samo je jedan razlog zašto je dugo zadržavao web programere.
Prilagođena svojstva CSS -a čine CSS fleksibilnijim i programabilnijim. CSS varijable imaju prefiks sa -bs kako biste spriječili sukob s CSS -om treće strane.
Dostupne su dvije vrste varijabli: korijenske i komponentne.
Korijenskim varijablama može se pristupiti gdje god je Bootstrap CSS učitan. Ove se varijable nalaze u _root.scss datoteku i dio su sastavljenih dist datoteka.
Varijable komponenti koriste se kao lokalne varijable u pojedinim komponentama. Oni su korisni za izbjegavanje slučajnog nasljeđivanja stilova u komponentama poput ugniježđenih tablica.
3. Poboljšani mrežni sustav
Budući da je bilo nekih problema s nadogradnjom s verzije 3 na 4, Bootstrap 5 ovaj put zadržava najveći dio sustava, nadograđujući postojeći sustav umjesto da ga potpuno promijeni. Neke od promjena su:
- Klasa oluka ( .dječaci ) zamijenjeno je uslužnim programom ( .g* ) slično margini i ispuni
- Uključeni su i razredi okomitih razmaka
- Stupci više nisu zadani položaj: relativan
4. Poboljšana dokumentacija
Dokumentacija je poboljšana s više informacija, posebno kada je u pitanju prilagodba. Uobičajen problem bio je taj što ste na mnogim web stranicama koje koriste Bootstrap mogli odmah identificirati da koristi Bootstrap. Bootstrap 5 sada dolazi s novim izgledom i osjećajem te s boljom prilagodbom.
Sada postoji veća fleksibilnost za prilagodbu tema tako da nemaju sve web lokacije ili aplikacije istu sličnost. Tematska stranica v4 zapravo je proširena s više sadržaja i isječaka koda za nadogradnju na datotekama Sass (popularni CSS predprocesor). Početni npm projekt možete pronaći i na GitHub platformi koja je dostupna kao spremište predložaka.
Paleta boja također je proširena u verziji 5. Prošireni ugrađeni sustav boja implicira da možete jednostavno stilizirati boje bez napuštanja baze podataka. Učinjeno je i više na poboljšanju kontrasta boja, uključujući dodavanje mjernih podataka o kontrastu boja u Bootstrap dokumentima o boji.
5. Poboljšane kontrole obrazaca
Bootstrap je poboljšao kontrole oblika, grupe unosa i još mnogo toga.
U verziji 4, Bootstrap je koristio prilagođene kontrole obrazaca uz zadane postavke svakog preglednika. U v5 sve su to sada prilagođene. Svi radijski gumbi, potvrdni okviri, datoteke, raspon i još mnogo toga kako bi im dali isti izgled i ponašanje u različitim preglednicima.
Nove kontrole obrazaca više ne sadrže nepotrebne šarene oznake, već se usredotočuju na standardne i logičke značajke dizajna.
6. Bootstrap 5 dodaje API uslužnih programa
Slijedeći nove CSS knjižnice poput Tailwind CSS -a, Bootstrap sada dodaje i biblioteku pomoćnih programa. Bootstrap tim kaže da su sretni što vide kako drugi programeri osporavaju način na koji smo izgradili na webu u posljednjem desetljeću.
Uslužni programi dobivaju zamah u razvojnoj zajednici i bootstrap tim je to primijetio. Tim je ranije dodao globalne usluge za uslužne programe v4 $ enable-* klase. U v5, promijenili su se u API pristup i novi jezik i sintaksu u Sass -u. To će vam dati snagu za stvaranje novih pomoćnih programa, a da i dalje možete ukloniti ili izmijeniti zadane zadane vrijednosti.
Kao način za bolju organizaciju, neki uslužni programi koji su bili u v4 premješteni su u odjeljak Pomoćnici.
7. Nova knjižnica ikona Bootstrap
Bootstrap se sada može pohvaliti vlastitom bibliotekom ikona SVG s otvorenim kodom s više od 1.300 ikona. Izrađen je prilagođeno za komponente okvira, ali s njima još uvijek možete raditi na bilo kojem projektu.
S obzirom na to da su to SVG slike, mogu se brzo skalirati i mogu se implementirati na mnogo načina, a također i stilizirati pomoću CSS -a.
Ikone možete instalirati pomoću iznad razine mora:
$ npm i bootstrap-iconsInstalirajte Bootstrap 5
Možete otići na Bootstrap 5 službena stranica za preuzimanje ako ga želite instalirati. Ako želite biti u toku s najnovijim razvojnim izdanjem, možete koristiti iznad razine mora da ga povučem:
$ npm i bootstrap@next
U vrijeme pisanja ovog teksta okvir je u Beta 3 verziji. To znači da je softver siguran za upotrebu, ali je još uvijek u razvoju. Slobodno dajte povratne informacije timu i dajte sve potrebne doprinose.
Udio Udio Cvrkut E -pošta Uvod u web komponente i arhitekturu temeljenu na komponentamaPogledajmo uobičajene web komponente i vidimo zašto su korisne.
Pročitajte Dalje Povezane teme- Programiranje
- Web razvoj
- JavaScript
- CSS
Jerome je osobni pisac na MakeUseOfu. On pokriva članke o programiranju i Linuxu. On je također entuzijast za kripto i uvijek prati kripto industriju.
Više od Jeromea DavidsonaPretplatite se na naše obavijesti
Pridružite se našem biltenu za tehničke savjete, recenzije, besplatne e -knjige i ekskluzivne ponude!
pokrenuti više instanci programa Windows 10Kliknite ovdje za pretplatu