NOVINKA: Najžiadanejšie rekvalifikačné kurzy teraz s 50% zľavou + kurz AI ZADARMO. Nečakaj, táto ponuka dlho nevydrží! Zisti viac:

Diskusia – 3. diel - Bootstrap - Typografia

Späť

Upozorňujeme, že diskusie pod našimi online kurzami sú nemoderované a primárne slúžia na získavanie spätnej väzby pre budúce vylepšenie kurzov. Pre študentov našich rekvalifikačných kurzov ponúkame možnosť priameho kontaktu s lektormi a študijným referentom pre osobné konzultácie a podporu v rámci ich štúdia. Toto je exkluzívna služba, ktorá zaisťuje kvalitnú a cielenú pomoc v prípade akýchkoľvek otázok alebo projektov.

Komentáre
Posledné komentáre sú na spodnej časti poslednej stránky.
Avatar
Jan Brinar
Člen
Avatar
Jan Brinar:26. januára 17:27

Jelikož se tu množí dotazy, že si chce vyzkoušet, tak mě se osvědčilo toto - můžete to brát jako inspiraci / zadání.

  1. Stáhni Bootstrap, rozbal ve složce v Dropboxu (to už máte z minula)
  2. Vytvoř ve stejné složce složku Ukazky a otevři ji ve VS Code
  3. Ve složce Ukazky vytvoř soubor test.html (zatím prázdný)
  4. Začni vytvářet šablonu ve formátu JSON, kterou budeš testovat v souboru test.html ad. 4) Ve VS Code klikni na File (Soubor) > Preferences (Předvolby) >Configure Snippets (Konfigurace fragmentů kódu) > Zadej "html json" > stiskni 'Enter'
  5. Šablona je prázdná, kromě komentářů, je potřeba ji opatřit tvým kódem. Použij kód z ukázek ze seriálu (např. <button>"Tlačít­koL</button>) avšak pozor, uvozovky se musí escapovat pomocí

` \ `
jinak kód nebude fungovat.

Ukázka 'htmlBootstrap' šablony ve formátu JSON:

{
"HTML5 with Bootstrap": {
                "prefix": "htmlBootstrap",
                "body": [
                        "<!DOCTYPE html>",
                        "<html lang=\"cs\">",
                        "<head>",
                        "  <meta charset=\"UTF-8\">",
                        "  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
                        "  <meta http-equiv=\"X-UA-Compatible\" content=\"ie=edge\">",
                        "  <title>$1</title>",
                        "  <link href=\"css/bootstrap.min.css\" rel=\"stylesheet\">",
                        "<!-- Bootstrap Icons CSS @online -->",
                        "<link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css\">",
                        "  <script src=\"js/bootstrap.bundle.min.js\" defer></script>",
                        "</head>",
                        "<body>",
                        "<div class=\"container py-4\">",

                        "  <h1>Vítej! <i class=\"bi bi-alarm\"></i></h1>",
                        "</div>",
                        "</body>",
                        "</html>"
                ],
                "description": "Vlož HTML5 šablonu s odkazy na CSS a JS"
        }
}

Šablona se vyvolá voláním htmlBootstrap v prázdném souboru html.

Bootstrap je lokální, ale všimněte si, že ikony jsou linkovány ze vzdáleného úložiště.

Odpovedať
Nikdy se nevzdávej!
Posledné komentáre sú na spodnej časti poslednej stránky.
Robíme čo je v našich silách, aby bola tunajšia diskusia čo najkvalitnejšia. Preto do nej tiež môžu prispievať len registrovaní členovia. Pre zapojenie sa do diskusie sa zaloguj. Ak ešte nemáš účet, zaregistruj sa, je to zadarmo.

Zobrazené 1 správy z 21.