• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Bootstrap 5 Carousel bewegt sich nicht

Kickflip

New member
Hi,

ich habe das Beispiel von der Bootstrap-Seite eingefügt, es wird dargestellt, aber es bewegt sich nicht, bzw. ich kann auch nicht auf den Pfeil "Bild-Weiter" klicken. Was mache ich falsch?

HTML:
<head>
  <link type="text/css" rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap.css') }}">
</head>


<body>

  <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
    <ol class="carousel-indicators">
      <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
      <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
      <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
    </ol>
    <div class="carousel-inner">
      <div class="carousel-item active">
        <img class="d-block w-100" src="{{ url_for('static', filename='images/041.jpg') }}" alt="First slide">
      </div>
      <div class="carousel-item">
        <img class="d-block w-100" src="{{ url_for('static', filename='images/042.jpg') }}" alt="Second slide">
      </div>
      <div class="carousel-item">
        <img class="d-block w-100" src="{{ url_for('static', filename='images/043.jpg') }}" alt="Third slide">
      </div>
    </div>
    <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
      <span class="carousel-control-prev-icon" aria-hidden="true"></span>
      <span class="sr-only">Previous</span>
    </a>
    <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
      <span class="carousel-control-next-icon" aria-hidden="true"></span>
      <span class="sr-only">Next</span>
    </a>
  </div>

  
  <script src="https://kit.fontawesome.com/xxxxxxx.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.5.4/dist/umd/popper.min.js" integrity="sha384-q2kxQ16AaE6UbzuKqyBE9/u/KzioAlnx2maXQHiDX9d4/zp8Ok3f+M7DPm+Ib6IU" crossorigin="anonymous"></script>
  <script type="text/javascript" src="{{ url_for('static', filename='js/bootstrap.js') }}"></script>

</body>

Lauf Konsole wird auch alles ordentlich geladen. Ich bin verwirrt.

Bildschirmfoto 2020-12-24 um 15.45.56.png

LG und Danke
 
In der Konsole auf den Tab "Console" klicken. Du bist da in Performance oder Network drin.

Und der HTML Code - den du hier zeigst - läuft hoffentlich vor dem Browser durch einen Interpreter, da sind nämlich Variablen (z. B. url_for()) drin. Vermutlich PHP oder SSI?
 
In der Konsole auf den Tab "Console" klicken. Du bist da in Performance oder Network drin.

Und der HTML Code - den du hier zeigst - läuft hoffentlich vor dem Browser durch einen Interpreter, da sind nämlich Variablen (z. B. url_for()) drin. Vermutlich PHP oder SSI?

Danke für deine Antwort.
Jap, ich weiß. Konsole ist komplett leer.

Ja, das Backend habe ich in Flask (Python) geschrieben. Kenne mich nur nicht so gut mit dem Frontend aus, deswegen weiß ich nicht weiter bzw. was ich falsch habe.
 
Zurück
Oben