Co je Bootstrap? Bootstrap je bezplatná sada hotových stylů a prvků pro tvorbu webu. Obsahuje připravená tlačítka, formuláře, menu, tabulky a hlavně systém, podle kterého se stránka skládá do sloupců. Místo abyste vzhled psali od nuly ve stylech, použijete hotové díly a jen je poskládáte.

Přirovnat se to dá ke stavebnici. Můžete si vyrobit vlastní cihly, nebo sáhnout po dílech, které do sebe zaručeně zapadnou. Postavíte tak dům rychleji a s jistotou, že nic nedrhne. Takové sadě dílů se v oboru říká framework, tedy kostra; podrobněji ji popisuje heslo framework.

Co Bootstrap přináší nejčastěji:

  • Mřížku pro rozvržení stránky – obsah rozdělíte do sloupců, které se na mobilu samy poskládají pod sebe. To je základ responzivního designu.
  • Hotové prvky – tlačítka, karty, upozornění, rozbalovací menu nebo formuláře v jednotném vzhledu.
  • Interaktivní části – vyskakovací okna a mobilní menu, které pohání JavaScript.
  • Sjednocení prohlížečů – vyhlazuje drobné rozdíly v tom, jak jednotlivé prohlížeče vykreslují stejný HTML kód.

Jak se používá? Do stránky se připojí soubor se styly a soubor s JavaScriptem a pak už jen jednotlivým prvkům v HTML přiřazujete názvy tříd, kterými Bootstrapu říkáte, jak se mají chovat. Soubory si můžete nahrát na svůj webhosting přes FTP nebo správcem souborů v klientské zóně, případně je načítat z CDN. Vlastní hosting doporučujeme: web pak nezávisí na cizí službě.

Pro koho se hodí? Bootstrap ocení hlavně ten, kdo staví web ručně z HTML souborů a chce rychle slušný a funkční výsledek bez studia grafického designu. Pokud používáte WordPress, řeší za Vás vzhled šablona a Bootstrap sami řešit nemusíte, i když ho řada šablon uvnitř používá.

Má to i nevýhody? Dvě. První je, že weby postavené na výchozím nastavení vypadají podobně, takže pokud chcete odlišný vzhled, počítejte s dodatečnými úpravami. Druhá je velikost: základní balík obsahuje spoustu prvků, které možná nikdy nepoužijete, a zbytečně velké soubory web zpomalují. Novější verze umožňují zahrnout jen to potřebné a k rychlosti se vyplatí přistupovat podle hesla optimalizace webu.

A ještě jedna praktická poznámka. Bootstrap se v čase vyvíjí a mezi hlavními verzemi se názvy tříd mění. Když najdete na internetu návod, ověřte si, ke které verzi patří, jinak Vám hotový kus kódu nemusí fungovat. Starší verze také vyžadovaly knihovnu jQuery, kterou ta současná už nepotřebuje.