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

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>

Komentáře

Vaše reakce na Bootstrap 4 - schovat element na breakpointu (d-none)

Související obsah

programovani

html

bootstrap

css

Reference

Podívejte se na naše reference

Prohlédnout

Aplikace

Podívejte se na naše aplikace

Prohlédnout

Co umíme?

Podívejte se co umíme

Prohlédnout

Co umíme?

Vytváříme sofistikované aplikace pro náročné

Od webových aplikací přes android až po převodové můstky či složité informační systémy.

Podívejte se k nám

Máte ještě čas? Podívejte se na další rubriky

Tento web používá soubory cookie. Dalším procházením tohoto webu vyjadřujete souhlas s jejich používáním.. Více informací zde.