Ako nainštalovať Bootstrap
Bootstrap je webový rámec s otvoreným zdrojovým kódom. Používa sa hlavne pre front-end rozvoj. Je zadarmo. Bootstrap bol vyvinutý spoločnosťou Bootstrap Core Team. Bootstrap pôvodne vytvorili Mark Otto a Jacob Thornton. Pôvodne bol vydaný v roku 2011. Bol napísaný vo formáte HTML, CSS a JavaScript.
Bootstrap Package
Tento balík obsahuje nasledujúce položky:
- CSS : Nazýva sa kaskádový štýl, ktorý sa používa na úpravu prvkov HTML.
- Komponenty : V balíku Bootstrap existuje veľa opakovane použiteľných komponentov pre rozbaľovacie zoznamy, ikonografia, výstrahy, navigáciu atď.
- Prispôsobiť : V balíku Bootstrap môžu byť komponenty prispôsobené, menej variabilné a doplnky Jquery, aby získali štýl.
- Lešenia : V balíku bootstrap poskytuje základnú štruktúru so systémom mriežky, štýlom prepojenia a pozadím.
- JavaScript : V balíku bootstrap budú existovať doplnky Javascript.
Kroky na inštaláciu Bootstrapu
Poďme diskutovať o krokoch potrebných na inštaláciu Bootstrapu.
Krok 1: Použite odkaz uvedený nižšie a stiahnite bootstrap. Po kliknutí na tlačidlo Download sa balík bootstrap stiahne do priečinka Zip. Tento priečinok obsahuje priečinok CSS a JS.
https://getbootstrap.com/docs/4.0/getting-started/download/
Balíček bootstrap, ktorý je stiahnutý, je pripravený na použitie skompilovaného kódu a ktorý sa dá ľahko integrovať do projektu. Pozostáva zo zostavených a minifikovaných zväzkov CSS a doplnkov Javascript.
Krok 2: Zdrojový súbor : Bootstrap sa dá skompilovať s vlastným plynovodom pomocou súborov javascript, sass a dokumentácie.
Kliknutím na tlačidlo Download Source (Stiahnúť zdroj) stiahnite súbory. Obsahuje js, CSS a ďalšie súbory.
Krok 3: Správcovia balíkov: Bootstrap sa dá nainštalovať do súborov alebo aplikácií napájaných z Node.js.
$ npm install bootstrap
Krok 4: Pre aplikácie Node.js sa bootstrap dá nainštalovať aj pomocou balíka priadze.
$ yarn add bootstrap
Krok 5: Ak chce užívateľ nainštalovať bootstrap pre Ruby drahokamy aplikácie
- Použitie balíčka :
gem 'bootstrap', '~> 4.0.0' - Bez balíčka :
$ gem install bootstrap –v 4.0.0
Krok 6: Skladateľ môže byť použitý na inštaláciu a správu bootstraps sass a javascript
$ Composer require twbs/bootstrap: 4.0.0
Krok 7: Pomocou programu NuGet môžete inštalovať a spravovať bootstrapy CSS a sass a javascript for.Net.
- Inštalácia balíka bootstrap
- Install-Package bootstrap.sass
Krok 8: Jquery sa používa aj so súbormi bootstrap alebo inštalačným priečinkom. Jquery je potrebné stiahnuť a umiestniť súbor Jquery do koreňového priečinka Bootstrap, aby ste zažili lepšie užívateľské rozhranie, a čo je najdôležitejšie, Jquery vylepšuje funkcie bootstrapu, ktorý poskytuje vzhľad atraktívnejší a pohotovejší.
Krok 9: Po vykonaní vyššie uvedených krokov môže vývojár napísať kód HTML, ktorý prepojí všetky súbory pre stránku HTML, a môže otvoriť súbor HTML, aby skontroloval odpoveď.
Podporované prehliadače
Zavádzací systém podporuje hlavne najnovšie a stabilné vydanie všetkých prehľadávačov a platforiem. Prehliadač mobilných zariadení podporuje platformu Android a IOS. Spúšťací systém podporuje aj prehliadače stolných počítačov pre rôzne platformy ako Mac a Windows.
Štruktúra súboru Bootstrap
- Bootstrap bol predkompilovaný, skompiluje sa skompilovaná verzia bootstrapu a rozbalí súbor Zip a nasledujúcu štruktúru súboru, ktorú uvidíte:
Vyššie uvedený obrázok obsahuje aj súbory priečinkov písiem, ak vývojár vyžaduje ďalšie písma, aby používateľské rozhranie podľa požiadaviek mohlo obsahovať tie súbory, ktoré sú k dispozícii v zdrojovom balíku bootstrapu. Zdrojový kód bootstrapu bude mať podrobnejšiu štruktúru súborov.
Bootstrap 4
V Bootstrap 4 sa vykonávajú významné zmeny, ako napríklad prepísanie kódu, podpora flexibilnej veľkosti CSS, možnosti prispôsobenia navigácie, pridanie pomôcok na rozstupy a prispôsobenie veľkosti, globálna veľkosť písma sa zvýši zo 14px na 16px, počet nástrojov triedy sa pridávajú, pridávajú sa tlačidlá stylingu, rozbaľovacie ponuky, mediálne objekty a triedy obrázkov. Podporuje tiež najnovšiu verziu prehľadávačov.
Hlavnou črtou programu Bootstrap je zjednodušenie vývoja webových stránok. Hlavným dôvodom použitia bootstrapu je výber farby, veľkosti, písma a rozloženia na premietanie. Poskytuje základné definície štýlov elementom HTML. Komponenty Jquery a komponenty Javascript poskytujú niektoré ďalšie prvky, ktoré môžu byť použité pre používateľské rozhranie, ako sú dialógové okná a popisy nástrojov atď. Komponenty bootstrap tiež pozostávajú z prvkov HTML, vyhlásení CSS a kódu Javascript. Má tiež funkciu rozširovania existujúcich prvkov rozhrania.
Druhou hlavnou súčasťou bootstrapu sú komponenty jeho rozloženia. Komponent základného rozloženia sa nazýva kontajner, v ktorom je umiestnený každý prvok stránky. Kontajner sa umiestni na webovú stránku, potom je možné pomocou riadkov a stĺpcov definovať ďalšie komponenty rozloženia, napríklad rozloženie CSS. Záleží na vývojárovi, ktorý kontajner vyberie pevnú šírku alebo šírku tekutiny na navrhovanie webovej stránky. Prvý používa štyri preddefinované šírky, ale neskôr použije výplne, ktoré závisia od veľkosti obrazovky, na ktorej sa webová stránka zobrazuje.
Použitie bootstrapu
Bootstrap je veľmi ľahko použiteľný a pomocou bootstrapu vývojári zvyknutí vyvíjať responzívne webové stránky. Bootstrap sa tiež používa, pretože podporuje mnoho prehliadačov, ako je Google Chrome, Mozilla Firefox, internetový prehliadač, safari, opera atď. Bootstrap je ľahké začať a vytvárať responzívny gridový systém. Obsahuje balíčky javascriptových doplnkov a existuje zoznam spoločností, ktoré sa majú použiť. Má dobrú dokumentáciu na spustenie a schopnosť pracovať rýchlo. Bootstrap preukázal responzívny dizajn a prvý mobilný prístup. Je to otvorený zdroj a je zadarmo. Šetrí to veľa úsilia a času. Je to prispôsobiteľné. Dôležitým využitím bootstrapu je responzívny webový dizajn, ktorý pomáha pri úprave webovej stránky podľa veľkosti obrazovky pre všetky zariadenia, ako sú laptop, stolný počítač, mobilný telefón a tablet.
Záver - Ako nainštalovať Bootstrap
Bootstrap používa široko ako front-end webový rámec. Podporuje tiež mnoho nezávislých programovacích jazykov a platforiem. Má výbornú online podporu pre začiatočníkov, aby pomohol a dokumentácia je dobrá aj na oficiálnych stránkach, kde všetky aktualizácie týkajúce sa vydania novej verzie a pokročilých funkcií boli správne uverejnené a zdokumentované. Stalo sa obľúbeným webovým rámcom na vytváranie rôznych nástrojov a integráciu s iným skriptovacím jazykom.
Odporúčané články
Toto bol návod na inštaláciu Bootstrapu. Tu sme diskutovali kroky na inštaláciu bootstrapu a tiež základnú koncepciu Bootstrapu 4 a použitie Bootstrapu. Ďalšie informácie nájdete aj v nasledujúcich článkoch -
- Ako používať príkazy Bootstrap
- Rozhovor Bootstrap otázky s odpoveďami
- Porovnanie Bootstrapu a WordPressu
- Inštalácia WordPress