Přidání vizuálního prvku v podobě přepínacích karet pomocí frameworku Bootstrap.
Karty se používají k rozdělení obsahu do různých sekcí, kde je každý panel se zobrazuje zvlášť.
Existují dva způsoby, jak pracovat s kartam:
- Prostřednictvím atributu data-*.
- Pomocí javascriptu.
Karty pomocí atributu data-*
Pro realizaci se využívá atributu data-toggle="tab" vloženého do každé karty a .tab-pane třídu s jedinečným ID pro konkrétní obsah karty a zabalený v .tab-content třídě.
Příklad:
Karty pomocí javascriptu
Tento způsob je vhodný například pro asynchronní načítání obsahu (AJAX).
Příklad: