Csatlakozó (telepítés) bootstrap a helyszínre, az informatikai vezető
Ebben a leckében megtanulod, hogyan kell csatlakoztatni platform Twitter Bootstrap 3 weboldalt, és azt is megtanulják, amit fájlról van szó.
Forms Twitter Bootstrap platform Distribution
Hogy tanulmányozza a Twitter Bootstrap platform kell:
Twitter Bootstrap 3 platform kétféle változatban letölthető:
- összeállított és minimalizált változata;
- változata a forráskódot.
Ebben a leckében megnézzük a kapcsolat előre lefordított és minimalizált változata, amely letölthető a kapcsolatot a fenti. Ebben a formában a technológiától Twitter Bootstrap 3 van a legnagyobb érdeklődés a lehető legkisebb legyen (rövid) változata a lefordított fájlt, mivel ezek kisebbek és ennek következtében növelheti honlap oldalain berakodás sebesség.
De mielőtt elmész a Twitter Bootstrap platform csatlakozni a weboldal, meg kell vizsgálni annak szerkezetét fájl szinten.
Fájl szerkezet Bootstrap platform 3
A betöltés után előre összeállított, és egy minimalizált változata Bootstrap 3 számítógépen, akkor ki kell csomagolni bármilyen archiváló a könyvtárban a webes projekt.
Ha ez a mappa látni, látni fogjuk, hogy a Twitter Bootstrap platform áll 3 könyvtár ( „CSS”, „betűtípusok” és a „JS”) és a fájlokat.
platform fájlok a 2 típus:
Amellett, hogy ezeket a fájlokat, ez a kínálat részét képezi, további 4 font file "Glyphicons" (glyphicons-félszerzeteket-regular.eot. Glyphicons-félszerzeteket-regular.svg. Glyphicons-félszerzeteket-regular.ttf. Glyphicons-félszerzetekkel-regular.woff), amely Ezek különböznek egymástól csak ebben a formában, amelyben a betűkészlet tárolva. Betűtípus „Glyphicons” áll 200 ikonokat a sor „Glyphicon félszerzeteket”.
Megjegyzés: a Twitterre Bootstrap 3 platform scripting (bootstrap.js és bootstrap.min.js), akkor kell csatlakoztatni a legújabb verzióját a jQuery könyvtár.
Létrehozása HTML 5 és csatlakoztassa weboldalakat neki platform Twitter Bootstrap 3
Megvizsgáltuk ezért a szerkezet és célját Twitter Bootstrap 3. Platform fájlok Most itt az ideje, hogy csatlakozzon a platform segítségével a lefordított fájlt, és minimalizálja a weboldalt. Tekintsük ezt a folyamatot lépésről lépésre. Ennek eredményeként a tetteink, azt akarjuk, hogy egy weboldalt a HTML 5, ami össze van kötve a Twitter Bootstrap 3. Platform Annak bizonyítására, hogy a platform működik, akkor hozzon létre ezen a honlapon gombot, ha rákattint, akkor megjelenik egy pop-up panel az üzenetet.
1. lépés: Hozzon létre egy HTML-oldal
2. lépés: Bootstrap 3 platform Csatlakozás egy weboldal
Ha csatlakozni Twitter Bootstrap 3 platform egy weboldalra, tegye a következőket:
3. lépés: Mentse a weblapot, és ellenőrzi az összetevő működési Bootstrap
Miután létrehozott egy weboldalt, amely kapcsolódik a platform Twitter Bootstrap 3, meg kell menteni egy kiterjesztésű fájl html (például: „index.html”). Ezután hozzon létre egy weboldalt meg kell nyitni egy böngészőt, és tesztelje a Bootstrap komponens „Popovers”.
A fájl szerkezete a projekt alapuló platform Twitter Bootstrap 3 Hely:
Kimutatása Bootstrap komponens „Popovers”:
Jó napot kívánok. hogy minden lehetséges módon határozni azokat az elemeket, amelyeket használni fognak CSAK bootstrap.min.css
Ez nem alkalmazható a alapstílusát style.css csak a kijelölt \ Feladatok terméket.
Jó napot kívánok.
A fájl tartalmazza az általános bootstrap.css stílusok által alkalmazott alapértelmezett a legtöbb HTML elemek és stílusok az Ön által megadott elemek felhasználásával Bootstrap osztályok.
Ahhoz, hogy tudjuk, milyen stílusok vannak helyezve a tételt: nyissa meg a böngészőt (például: Google Chrome) -> nyomja meg az F12 billentyűt -> nyissa ki a Elements fül -> válassza ki a kívánt elemet a fa, vagy a ikon „nagyító” -> tanulmányozza a tartalmát a jobb oldalon.