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

Co nejvíce stručné řešení pro vývojáře a linux administrátory

Na superuser.cz nenaleznete žádný zbytečný obsah, vždy se jde přímo k věci, denně se zde objevují nové problémy a jejich řešení...

Začít používat

Bootstrap 4 - schovat element na…

20.04.2019 napsal Mína

Vyřešeno Bootstrap 4 - hide elements class at break point
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
Nejlépe hodnocení uživatelé
Hanz

Počet UP: 4472

React: 209

Rusty

Počet UP: 2088

React: 94

OL3G

Počet UP: 1449

React: 60

Strosmajer

Počet UP: 403

React: 20

SYSTEM

Počet UP: 369

React: 18

Oxytocin

Počet UP: 251

React: 18

RE: Bootstrap 4 - schovat element…

02.05.2019 odpověděl Hanz

Zkontrolováno

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>
Tento web používá k poskytování služeb, personalizaci reklam a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tím souhlasíte. Další informace