Bootstrap je frontendový nástroj na rýchlu tvorbu webov od prototypu po produkciu. Poskytuje hotové komponenty, responzívnu mriežku a pomocné triedy na medzery a rozloženie. Je vyvíjaný podľa princípu mobile-first.
Čo Bootstrap ponúka?
Hotové prvky ako tlačidlá, karty, ponuky, modálne okná a karusely.
Responzívna mriežka, kontajnery, body zlomu a pomocné triedy.
Komponenty sú optimalizované pre mobil a pomocou media queries sa zväčšujú.
Niektoré komponenty, napríklad modálne okná a tooltipy, potrebujú aj jeho skripty.
Aké sú požiadavky pre správne fungovanie?
Podľa dokumentácie treba v stránke uviesť HTML5 doctype a pre responzívne správanie značku viewportu v hlavičke, pozri responzívny dizajn. Súbory CSS patria do hlavičky a balík skriptov pred koniec tela stránky.
Má Bootstrap vplyv na SEO?
Nepriamo. Pomáha vytvoriť stránku, ktorá sa dobre zobrazuje na mobile. Rýchlosť však závisí od toho, koľko z balíka stránka naozaj využíva, pozri rýchlosť stránky. Nepoužívané časti zbytočne zväčšujú súbory.
Čo si zapamätať o pojme Bootstrap?
Bootstrap urýchľuje tvorbu responzívneho webu. Pri webe na mieru ho dopĺňame vlastným dizajnom, aby výsledok nevyzeral ako šablóna.
Ako to rieši webstrankanamieru.sk: Pri tvorbe webu na mieru sa pojem Bootstrap rieši v rámci postupu opísaného v sekcii Proces tvorby webstránky. Hotové weby nájdete v portfóliu, orientačné ceny v cenníku a vlastný projekt môžete konzultovať cez kontakt.
Súvisiace pojmy: Framework, Frontend, CSS, Responzívny dizajn, jQuery, Tailwind CSS, Material Design
Často kladené otázky o pojme Bootstrap
Čo je Bootstrap?
Čo znamená mobile-first?
Potrebuje Bootstrap JavaScript?
Čo musím mať v HTML pre správne fungovanie?
Je Bootstrap lepší ako Tailwind CSS?
Zdroje
- Bootstrap: Get started with BootstrapKomponenty, mriežka, mobile-first a požiadavky.
- MDN Web Docs: Responsive designResponzívny dizajn a viewport.
- MDN Web Docs: CSS (Glossary)CSS ako základ štýlovania.