nicht angemeldet
Petra TLiebe Community
Ich habe ein Problem mit "order-md-last" und "order-md-first" Ich wollte eigentlich, dass in der Handyansicht folgende Reihenfolge erscheint:
Bild 2
Bild 1
Bild 3
Bild 4
oder wenigstens in der Senkrechte einen Abstand zwischen Bild 2 und Bild 3. Was mache ich falsch?
<!DOCTYPE html>
<html lang="de">
<head>
<title>Beispiel</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/png" href="images/favicon.png">
<!--CSS-->
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<section class="">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="col-md-2 order-md-last" ><img src="images/Bild1.png"></div>
<div class="col-md-4 order-md-first" ><img src="images/Bild2.png" alt="Make up & Hair-Gutschein vorn" height="" width="100%"></div>
<div class="col-md-4"><img src="images/Bild3.png" alt="Make up & Hair-Gutschein rück" height="" width="100%"></div>
<div class="col-md-2"><img src="images/Bild4"></div>
</div>
</div>
</div>
</section>
</body>
</html>
Wäre super, wenn mir jemand helfen könnte.
Ich sag schon mal Danke!
MudGuard
Rolf B
Gunnar Bittersmann