Bootstrap 4 - schovat element na breakpointu (d-none)

Dobrý den, potřebuji na webu, který využívá Bootstrap 4 docílit toho, že když je šířka webu zmenšovaná, tak aby se na breakpointu "md" skryl zbytek textu, který se už nevejde na jeden řádek. Při zmenšování se totiž jednořádkový text např. "Bootstrap 4 - schovat element na breakpointu, tento text za čárkou nezobrazit" zalomí na dvě řádky a to je špatně. Potřebuji, aby tam ten text "tento text za čárkou nezobrazi" od "md" breakpointu nebyl. Lze toho nějak docílit bez javascriptu? Díky moc

ODPOVĚĎ

Dobrý den,

skrytí elementetu na breakpointu md lze docílit pomocí třídy d-none.

Konkrétně v tomto případě obalíte text třídou d-none d-md-inline takto:

Bootstrap 4 - schovat element na breakpointu, < font class="d-none d-md-inline">tento text za čárkou nezobrazit< /font>