// .nav--tabs

Tabs – podtržení

Zelená linka --nav-tabs-item-indicator-width pod aktivní položkou. Wrapper overflow-x: auto — na mobilu scrolluje horizontálně.

Obsah aktivní záložky „Přehled"…
// .nav--tabs--filled

Tabs – filled

Aktivní záložka dostane zelené pozadí (solid). Šedý wrapper s border-radius. Vhodné pro panely a widgety v dashboardu.

Statistiky za vybrané období…
// .nav--pills

Pills – filtr

Šedé pilulky, aktivní zelená. Ideální pro filtr kategorií nebo přepínání pohledu. Varianta .nav--pills--rounded pro plně zaoblené.

Kategorie (výchozí radius)
Rounded (.nav--pills--rounded)
// .nav--pills--check

Pills s checkboxem

Pilulka nese checkbox vlevo a text uprostřed – analogie tlačítka s ikonou. Vhodné pro jazykové taby s přepínačem „aktivní": pilulka přepíná panel (Bootstrap tab), checkbox označuje aktivní jazyk. Na aktivní pilulce je checkbox světlý kvůli kontrastu.

Jazykové taby (checkbox = aktivní)
// příklad: tabs s obsahem

Příklad: záložkový panel

Přepínaní obsahu přes JS – jednoduchý pattern bez závislostí.

Nabízím týden v zařízené chatě v Peci pod Sněžkou výměnou za pobyt u moře. Plně vybavená kuchyně, krb, sauna, parkování v ceně.