Responsive Web-Design geht nicht

burakcuece

Mitglied
Hallo,

ich habe Probleme mit dem Code. Kann mir jemand helfen?
HTML:
<!doctype html>
<html lang="de">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
      
      
    <style>       
        .video {
            max-width: 100%;
            height: auto;
                
        } 
        .right {
            max-width: 100%;
            text-align: right;
        }   
    </style>

    <title>EG-Boost Landingpage</title>
  </head>
  <body>
        <div>
            <img src="EG-Boost2.png" alt="EG-Boost Logo" style="width:50px;">
        </div>
        <div>
            <video width="680px" height="380px" controls>
            <source src="EG-Boost.mp4" type="video/mp4">
            Dein Browser unterstützt das Video-Element nicht.
        </video>
      </div>
      <div style="text-align: center;">
            <p class="right">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
      </div>
      <div>
           <button type="button" class="btn btn-primary btn-lg">Large Button</button>
      </div>
    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n"      crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
  </body>
</html>
 

mrBrown

Super-Moderator
Mitarbeiter
Also dein Problem ist jetzt damit gelöst, dass man dir einfach sagt, dass du kein Problem hast?

Sowas sieht man selten :)
 

Ähnliche Java Themen

Neue Themen


Oben