Lekce 10 - Databázový klient ve Vue - Bootstrap a komponenty
V minulé lekci, Databázový klient ve Vue - Příprava projektu, jsme započali práci na databázovém klientovi ve Vue.
V této lekci si přidáme Bootstrap, jQuery a Popper.js do projektu.
Bootstrap a jQuery
Vue CLI
je úžasný nástroj k vytváření Vue projektů. Ve
výchozím nastavení však nenačítá žádný CSS framework jako např. Bootstrap. To je však správně. Ne každý
chce svou aplikaci mít podle stylů Bootstrapu ale chce si vytvořit a nebo
použít jiné šablony. Bootstrap je tedy CSS framework, který má
připravené třídy pro responzivitu webu, estetiku i přehlednost. My si
vlastní šablonu kódit nebudeme, respektive CSS. Využijeme k tomu onen CSS
framework. Přidejme si tedy Bootstrap do projektu, abychom
mohli využívat všechny jeho vymoženosti a jednoduché stylování pomocí
tříd.
Pokud jste příkazový řádek zavřeli, otevřete si ho znovu v klientském
adresáři projektu (např. crud-aplikace/client
) a
...konec náhledu článku...
Pokračuj dál
Došel jsi až sem a to je super! Věříme, že ti první lekce ukázaly něco nového a užitečného.
Chceš v kurzu pokračovat? Přejdi do prémiové sekce.
Koupit tento kurz
Obsah článku spadá pod licenci Premium, koupí článku souhlasíš se smluvními podmínkami.
- Neomezený a trvalý přístup k jednotlivým lekcím.
- Kvalitní znalosti v oblasti IT.
- Dovednosti, které ti pomohou získat vysněnou a dobře placenou práci.
Popis článku
Požadovaný článek má následující obsah:
V této lekci si přidáme Bootstrap do projektu pomocí příkazu `npm` a nadefinujeme si komponenty, které využijeme.
Kredity získáš, když podpoříš naši síť. To můžeš udělat buď zasláním symbolické částky na podporu provozu nebo přidáním obsahu na síť.