Diskuze: Bootstrap a jeho využiteľnost v Československu
albertpatera:18.9.2018 16:40
Ahoj,
jak už bylo řečeno, tak pro frond-end není nejlepší. Osobně, když vidím nějakou stránku, která je založená na bootstrapu, tak mi ten web přijde jako takový "podvod".
Bootstrap používám pouze pro administraci, dokonce má i šablony přímo
pro administraci.
Musím ale podotknout, že Bootstrap má dobrou dokumentaci (oproti Material
designu, který jí má horší. MD vypadá možná trochu lépe na frond-endu
Ahoj,
trochu nesouhlasím s názory výše. Bootstrap můžeš používat i jako
front-end vývojář - ušetří dost času, hlavně když vytváří i
responzivní design při správném využití tříd. Třídy se dají
používat téměř pro cokoliv - formátování divů a textu, úprav nadpisů
nebo též pro vytváření navigace. A nebo prostě jen přepíšeš původní
padding vlastní třídy.
O Bootstrapu si můžeš také něco přečíst zde na síti: https://www.itnetwork.cz/…ss/bootstrap
Bootstrap ma nekolik verzi. Asi nej dokumentaci ma verze 2.x. Nejlepsi
moznosti nabizi ale posledni 4.x
Vpravo je prepinani verzi, posud sam.
https://getbootstrap.com/
K 2.3
Co na te strance hledat?
- download https://getbootstrap.com/…started.html
- rozbalis to ro slozky a do rootu si vytvoris testovaci stranku, template mas primo na te strance download (hledej tam text Bootstrapped template nebo vlevo v menu template)
- Kdyz mas testovaci stranku, tak si do ni muzes pridavat prvky uz podle dokumentace.
Dokumentace...
https://getbootstrap.com/2.3.2/
Nahore, v cernem pruhu prekliknes na... a pak v levem menu ...
Scaffolding > Grid system
Pridas si do kodu templatu kod pro 'Nesting columns' (layout typu zahlavi + 2
sloupce). Rozmery si doladis podle textu pred tim, ktery popisuje sloupce.
2. Pak prekliknes obe menu na
Base CSS > Typography
- tam mas nadpisy, opet si staci vybrat a prikopirovat kod
3.
Base CSS > Tables
- tam je to malinko slozitejsi, je treba kod vycucat ze drojoveho kodu
stranky, ale to se da prezit
Pripadne napsat rucne.
Atd.
Ve verzi 4.x je to malicko slozitejsi hledat. Nema ani tak pekne barvicky a
styly. Ale za to umoznuje vice moznosti.
https://getbootstrap.com/
Documetation > download
Documetation > Getting started - page template
Documetation > Layout > grid - layout sloupce
Documetation > Content > Table - tady maji dokonce kod pro tabulku
No, a jake skoleni na to dal potrebujes? Jen se musis naucit, kde co najit v
dokumentaci. Pripadne se da nejake reseni vygooglovat. Nebo se zkratka
zeptej.
Pokud nic o desingu nevis, tak doporucuji BT pouzivat. Naucis se zhruba moznosti
html a css.
Jestli chces nejake priklady moznosti, tak v tuto chvili se kolegove nejspis
pokousi rozjet novy web, kde resi vse v css/js bootstrapu a php nette. Ne uplne
dobre se s tim poprali, ale mozna bys tam nasel par zajimavych konstrukci pro
tve stranky, ktere staci copy-paste pouzit. Pouzivaji vsak verzi 3.x.
https://testweb.slu.cz/slu/cz/
Zobrazeno 5 zpráv z 5.