IT rekvalifikácia. Seniorní programátori zarábajú až 6 000 €/mesiac a rekvalifikácia je prvým krokom. Zisti, ako na to!

Diskusia – Riešené úlohy k 1.-6. lekciu Bootstrap CSS frameworku

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
Avatar
Jakub Podskalský:12.7.2019 21:22

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. :D

 
Odpovedať
12.7.2019 21:22
Avatar
KaMl
Člen
Avatar
KaMl:23.8.2021 19:07

Luxusní cvičení - díky! :-)

 
Odpovedať
23.8.2021 19:07
Avatar
Max Snítil
Tvůrce
Avatar
Max Snítil:7.11.2021 15:48

Úkoly hotové paráda :)

 
Odpovedať
7.11.2021 15:48
Avatar
Petr Kováčik:24.2.2022 14:08

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.

Editované 24.2.2022 14:08
 
Odpovedať
24.2.2022 14:08
Avatar
Kamil Pajta
Člen
Avatar
Kamil Pajta:26.8.2022 9:50

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.

 
Odpovedať
26.8.2022 9:50
Avatar
Martin Řehůřek:14.12.2022 18:12

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 :-(

 
Odpovedať
14.12.2022 18:12
Avatar
Jiří Ress
Člen
Avatar
Jiří Ress:29.12.2022 13:54

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 :O.
Příklady zatím jednoduché

 
Odpovedať
29.12.2022 13:54
Avatar
Radek Jindra
Člen
Avatar
Radek Jindra:8.1.2023 17:36

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.

Odpovedať
8.1.2023 17:36
Rád se učím novým dovednostem
Avatar
Milan Kvapil
Člen
Avatar
Odpovedá na Martin Řehůřek
Milan Kvapil:10.1.2023 13:46

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

Editované 10.1.2023 13:47
 
Odpovedať
10.1.2023 13:46
Avatar
Appventure
Člen
Avatar
Appventure:12.1.2023 13:43

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

 
Odpovedať
12.1.2023 13:43
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.

Zatiaľ nikto nevložil komentár - buď prvý!