Gunnar Bittersmann: Problem mit "order-md-last" und "order-md-first"

Beitrag lesen

@@Petra T

<!DOCTYPE html>
<html lang="de">
   <head>
      <title>Beispiel</title>
      <meta charset="utf-8">

Die Angabe der Zeichencodierung sollte als allererstes im head stehen.

      <section class="">
         <div class="container">

Wozu zwei Elemente? Du kannst dem section-Element die Klasse container geben und das div sparen. (Angenommen, section ist das passende Element.)

            <div class="row">
               <div class="col-md-12">
                  <div class="col-md-2 order-md-last" ><img src="images/Bild1.png"></div>

Bootstrap-cols sollten Kinder von rows sein; nicht von cols. Das <div class="col-md-12"> muss weg.

Dem Bild fehlt das notwendige alt-Attribut. Für rein dekorative Bilder ist alt="" zu setzen, sonst lesen Screenreader den Dateinamen vor.

🖖 Живіть довго і процвітайте

--
„Im Vergleich mit Elon Musk bei Twitter ist ein Elefant im Porzellanladen eine Ballerina.“
— @Grantscheam auf Twitter