Diskuze: Řešené úlohy k 1.-6. lekci Bootstrap CSS frameworku

Díky za cvičení. Vše zvládnuto, jen u toho prvního jsem prvně nesmyslně nastavoval offset anebo zkoušel dát obrázku počet sloupců... Pak mi to ale došlo.

Luxusní cvičení - díky!

Úkoly hotové paráda

Zdravím a mám dotaz ke druhé úloze...
protože jsem si nebyl jistý jak nastavit kulatý ořez obrázku, tak jsem to řešil přes vlastní css a použil jsem na obrázek:

border: 1px black;
border-radius: 50%;

Výsledek je vizuálně stejný, ale při změně velikosti okna mi text ze sloupce col-9 přetékal a překrýval část obrázku ve sloupci col-3 (asi proto, že šířka obrázku již byla větší něž aktuální šířka sloupce col-3) dokud nebylo okno tak malé, že se text posunul pod obrázek. Jak bych to měl ošetřit? Nějakou pevnou šířkou pro ten sloupec s obrázkem? Zkusil jsem samotnému obrázku nastavit width na 100% ... to relativně funguje... obrázek se zmenšuje při zmenšovaní okna a text je vždy napravo.

Iné kurzy sú dobré, ale Bootstrap - Pre začiatočníka nepoužiteľný kurz . Málo príkladov. Zrazu je niečo hotové a začiatočník vôbec nevie ako.

Ve staženém vzorovém příkladu jsou použity třídy py-5, py-2, ale asi jsem slepej, ale doteď nikde popsané co to je.
Na školení MVD ukazovali, že je nějaká stránka, kde se ty třídy lehce hledají, ale teď neevím, kde to bylo a tady o tom taky nic

U posledního příkladu jsem moc nepochopil "Obrázků má být opravdu 7, i když počet sloupců v gridu je
standardně 12 nebo je složený z dělitelů tohoto čísla." řešení bylo stejné jak za použití gridu tak i bez něj .
Příklady zatím jednoduché

Super příklady U třetího jsem nevěděl jak udělat to šedivé pozadí a že můžu načítat více zdrojů CSS tak jsem musel nakouknout jak to dělají profíci.

jestli to chápu správně tak by to měl být padding na ose ypsilon (padding top, bottom), px zase padding na ose x

zjistil jsem při řešení, že užití tříd nebylo řádně vysvětleno v předchozích kapitolách

Chybí vám v 5.a 6.lekci vysvětlit úplně základní třídu gridu a to .container, kterou použiváte v řešených úlohách a container-fluid, která se uvádí ve všech příkladech. Ani zmínka. Jinak super

Dobré příklady na procvičení.

Problém těchto kurzů je, že vlastně nejsou pro začátečníky. Jsou pro lidi, co je použijí jen jako vodítko co se naučit, ale ve skutečnosti se to učí jinde. To asi není problém, člověk si u této práce musí umět poradit. Ovšem pak je otázka, proč platit tento kurz ... . Třeba příklad container u Gridu. Najednou se to prostě objeví bez jakéhokoliv vysvětlení (já ho nenašel) v kódech a člověk otevírá google a jde jinam se to naučit.

Třetí příklad v řešení je:

<p class="h3 font-weight-bold"> Významní klienti</p>

1. uzavírají se nadpisy v Bootstrapu do odstavců? Zdá se mi, že v lekcích HTML se to nedělalo.
2. v lekcích nám bylo vysvětleno, že Grid systém je dělí na dvanáct sloupců. A najednou je jich tam 7?
3. měl jsem problém s font-weight-bold. Ukázalo se, že mám stažený Bootstrap 5, který používá fw-bold. Neměli bychom psát kód v modernější 5? V lekcích o tom nic nebylo. Není 4 zastaralá?

Na první řešení jsem musel hodit oko. Pak jsem to zvládl úspěšně.

Proč se v řešení používají kontejnery, které jsou vysvětlené doslova V POSLEDNÍ lekci tohoto kurzu??

Tak zatím tedy kurz nic moc, není vůbec popsáno, jak importovat Bootstrap do projektu/jak začít/úplné základy, plus využívat kontejnery, které jsou popsány až v poslední lekci je taky špatně.

V zip souboru je zmatek s Macovými a Windows soubory