A Bootstrap telepítése
A Bootstrap egy nyílt forráskódú webes keret. Főleg front-end fejlesztésre használják. Ez ingyenes. A Bootstrap-et a Bootstrap Core Team fejlesztette ki. A Bootstrap-t eredetileg Mark Otto és Jacob Thornton készítette. Eredetileg 2011-ben adták ki. HTML, CSS és JavaScript nyelven írták.
Bootstrap csomag
Ez a csomag a következő elemeket tartalmazza:
- CSS : Cascading stíluslapnak nevezik, amelyet a HTML elemek stílusozására használnak.
- Komponensek : A Bootstrap csomagban sok újrafelhasználható elem található a legördülő menüben, ikonográfia, riasztások, navigáció stb.
- Testreszabás : A Bootstrap csomagban az összetevők testreszabhatók, kevésbé változó és a Jquery pluginok a stílus megszerzéséhez.
- Állványok : A rendszerindító csomagban biztosítja az alapvető struktúrát a rácsrendszerrel, a link stílusával és a háttérrel.
- JavaScript : A rendszerindító csomagban javascript plug-inek lesznek.
A Bootstrap telepítésének lépései
Beszéljük meg a Bootstrap telepítéséhez szükséges lépéseket.
1. lépés: Az alábbi link segítségével töltse le a bootstrap-ot. Kattintson a Letöltés gombra, és a rendszerindító csomag letölt egy Zip mappába. Ez a mappa a CSS és a JS mappát tartalmazza.
https://getbootstrap.com/docs/4.0/getting-started/download/
A letöltött bootstrap csomag készen áll a fordított kód használatára, és könnyen integrálható a projektbe. Összeállított és aprólékos CSS-csomagokból és Javascript-bővítményekből áll.
2. lépés: Forrásfájl : A Bootstrap saját eszközcsomaggal összeállítható javascript, sass és dokumentációs fájlok segítségével.
A fájlok letöltéséhez kattintson a Letöltési forrás elemre. Js, CSS és egyéb fájlokat tartalmaz.
3. lépés: Csomagkezelők: A Bootstrap telepíthető a Node.js alapú fájlokba vagy alkalmazásokba.
$ npm install bootstrap
4. lépés: A Node.js alkalmazások esetében a bootstrap a fonalcsomag segítségével is telepíthető.
$ yarn add bootstrap
5. lépés: Ha a felhasználó telepíteni szeretné a bootstrap-ot rubin drágakő alkalmazásokhoz
- Bundler használata :
gem 'bootstrap', '~> 4.0.0' - Csomagoló nélkül :
$ gem install bootstrap –v 4.0.0
6. lépés: A zeneszerző felhasználható a bootstraps sass és a javascript telepítésére és kezelésére
$ Composer require twbs/bootstrap: 4.0.0
7. lépés: A NuGet használatával telepítheti és kezelheti a bootstraps CSS-t, a sass-t és a javascript for.Net alkalmazásokat.
- Install-Package rendszerindító csomag
- Install-Package bootstrap.sass
8. lépés: A Jquery programot a rendszerindító fájlokkal vagy a telepítési mappával is használják. Töltse le a Jquery fájlt, és helyezze el a Jquery fájlt a Bootstrap gyökérmappájába, hogy megtapasztalja a jobb felhasználói felületet, és ami a legfontosabb: a Jquery javítja a bootstrap funkcióit, amelyek vonzóbbá és érzékenyebbé teszik a megjelenést.
9. lépés: A fenti lépések végrehajtása után a fejlesztő felírhatja a HTML kódot, hogy összekapcsolja a HTML oldal összes fájlját, és megnyithatja a HTML fájlt a válasz ellenőrzéséhez.
Támogatott böngészők
A bootstrap elsősorban az összes böngésző és platform legújabb és stabil kiadását támogatja. A mobil eszközök böngészőjét az Android és az IOS platform támogatja. A különféle platformok, például a Mac és a Windows asztali böngészőit szintén a bootstrap támogatja.
Bootstrap fájlszerkezet
- A rendszerindító rendszer előzetesen lefordítva, a rendszerindító verziójának letöltött változata letöltésre kerül, és kibontja a Zip fájlt és a következő fájlszerkezetet:
A fenti ábra tartalmazza a betűkészlet mappájú fájlokat is, ha a fejlesztőnek további betűkészleteket igényel ahhoz, hogy a felhasználói felület a követelményeknek megfelelően tartalmazza azokat a fájlokat, amelyek a bootstrap forráscsomagjában elérhetők. A rendszerindító forráskód részletesebb fájlszerkezettel rendelkezik.
Bootstrap 4
Jelentős változások történnek a Bootstrap 4 programban, például a kód nagy átírása, a CSS rugalmas méretének támogatása, a navigációs testreszabási lehetőségek, a válaszköz és a méretezési segédprogramok, a globális betűméret 14-ről 16-ra, a segédprogramok száma. osztályok hozzáadása, stílusgomb, legördülő menük, médiaobjektumok és képosztályok hozzáadása. Támogatja a böngészők legújabb verzióját is.
A Bootstrap fő jellemzője a weboldalak fejlesztésének egyszerűsítése. A bootstrap használatának elsődleges oka a szín, méret, betűtípus és elrendezés megválasztása a projekthez. Alapvető stílusdefiníciókat biztosít a HTML elemekhez. A Jquery beépülő modulok és a Javascript összetevők tartalmaznak további kiegészítő elemeket, amelyek felhasználhatók a felhasználói felülethez, például párbeszédpaneleket és eszköztippeket stb. A rendszerindító komponensek HTML, CSS deklarációk és Javascript kód elemeiből is állnak. Jellemzője továbbá a meglévő interfész elemek kibővítése.
A bootstrap másik fő alkotóeleme az elrendezési komponensek. Az alapvető elrendezési összetevőt konténernek nevezzük, amelybe az oldal minden elemét belehelyezzük. A tárolót a weboldalra helyezik, majd sorokon és oszlopokon keresztül más elrendezési összetevők, például a CSS-elrendezés is meghatározhatók. A fejlesztőtől függ, hogy a weboldal tervezéséhez melyik rögzített szélességű vagy folyadék szélességű tartályt választja-e. Az előbbi a négy előre megadott szélességet használja, de később a kitöltéseket használja a képernyő méretétől függően, amelyen a weboldalt megtekinti.
A bootstrap használata
A Bootstrap nagyon könnyen használható, és a bootstrap segítségével a fejlesztők reagáló weboldalakat fejlesztettek ki. A Bootstrap-t szintén használják, mivel számos böngészőt támogat, mint például a Google Chrome, a Mozilla Firefox, Internet Explorer, szafari, opera stb. A Bootstrap könnyű az induláshoz és egy érzékeny hálózati rendszer létrehozásához. A csomag javascript-bővítményeket tartalmaz, és van egy listát a használni kívánt cégekről. Jó dokumentációval rendelkezik a kezdéshez, és képes gyorsan dolgozni. A Bootstrap érzékeny kialakítást és mobil első megközelítést mutatott be. Nyílt forráskódú és ingyenes. Nagyon sok erőfeszítést és időt takarít meg. Testreszabható. A bootstrap fontos felhasználása a rugalmas webdesign, amely elősegíti a weboldal képernyő méretének megfelelő beállítását az összes eszköz, például laptop, asztali számítógép, mobiltelefon és táblagép esetén.
Következtetés - Hogyan telepítsük a Bootstrap-t
A Bootstrap széles körben használ felületes webes keretként. Számos programozási nyelvet és platformfüggetlen is támogatja. Nagyszerű online közösségi támogatással rendelkezik a kezdők számára, és a dokumentáció szintén jó a hivatalos webhelyen, ahol az új verzió kiadására és a speciális szolgáltatásokra vonatkozó összes frissítést megfelelően közzétették és dokumentálták. Népszerű internetes keretévé vált, amikor különféle eszközöket épít és integrál egy másik szkriptnyelvhez.
Ajánlott cikkek
Ez egy útmutató a Bootstrap telepítéséhez. Itt tárgyaltuk a bootstrap telepítésének lépéseit, valamint a Bootstrap 4 alapvető koncepcióját és a Bootstrap használatát. A következő cikkeket is megnézheti további információkért -
- A Bootstrap parancsok használata
- Bootstrap interjúkérdések és válaszok
- A Bootstrap és a WordPress összehasonlítása
- A WordPress telepítése