Elemente verstecken

Display on 

Mit Bootstrap Elemente am Gerät verstecken

Unterschiedliche Bilder an den Geräten 

Das Bild Mountainbike erscheint hier nur ab dem Tablet hochkant und auf dem Desktop, also auf den Bereichen:
Medium, Large und Extra Large.

Auf dem Smartphone erscheint dagegen nur das Bild der Frau, also auf den Bereichen:
Extra Small (hochkant) und Small (seitlich).

Das Bild der Frau erscheint aber zusätzlich auch ab dem Tablet seitlich, also auf den Bereichen:
Large und Extra Large.

Hier die CSS-Klassen für Mobirise 4 mit Bootstrap 4

Bitte guckt Euch diese CSS-Klassen auch hier an:

https://getbootstrap.com/docs/4.0/utilities/display/#hiding-elements

Man muss ein wenig ausprobieren, wie man diese Klassen kombinieren kann oder muss, um sein Ziel zu erreichen. Fügt die Klassen entweder über ein neues DIV oder an beliebiger Stelle im kostenpflichtigen Code Editor von Mobirise ein.

CSS Class für Bild vom Mountainbike

<div class="d-none d-md-block">
    HTML Code ...
</div>

CSS Class für Bild der Frau

<div class="d-block d-md-none d-lg-block">
    HTML Code ...
</div>

Mobirise Tutorials

Dieser Footer wurde mit dem "global" Attribut versehen
und muss somit nur einmalig in diesem Projekt geändert werden.
Das funktioniert nur bei der Menüleiste und beim Footer.