Bootstrap - zobrazit různý obrázek dle rozlišení / dle break point (Responsive breakpoints)

Bootstrap - zobrazit různý obrázek dle rozlišení / dle break point (Responsive breakpoints)

Ahoj.

používám bootstrap 4 a potřeboval bych změnit obrázek na základě rozlišení / zařízení / dle break point. Zkusil jsem to pomocí "Display property", ale nefunguje to jak chci:


< div class="col-md-4 col-sm-12 d-none d-lg-block d-xl-block">
< img src="x.png" class="img-fluid">
< /div>

< div class="col-md-4 col-sm-12 d-none d-xs-block d-sm-block d-md-block">
< img src="y.png" class="img-fluid">
< /div>


Cílem je, že při malém rozlišení chci zobrazit obrázek y.png a při větším rozlišení chci obrázek x.png (break point lg+xl).

Díky

Další části článku
Show english version

Komentáře

Vaše reakce na Bootstrap - zobrazit různý obrázek dle rozlišení / dle break point (Responsive breakpoints)

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

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.