Ergebnis 1 bis 5 von 5
Like Tree1Likes
  • 1 Post By Kickflip

Thema: Bootstrap 5 Carousel bewegt sich nicht

  1. #1
    Kickflip ist offline Grünschnabel
    registriert
    25-12-2020
    Beiträge
    3

    Bootstrap 5 Carousel bewegt sich nicht

    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-Code:
    <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

  2. #2
    Avatar von mikdoe
    mikdoe ist offline Administrator
    registriert
    01-05-2010
    Beiträge
    7.864

    AW: Bootstrap 5 Carousel bewegt sich nicht

    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?
    Das deutsche Javascript Forum http://forum.jswelt.de http://forum.jswelt.de/images/logoJsWeltForumV4_32x22.png

  3. #3
    Kickflip ist offline Grünschnabel
    registriert
    25-12-2020
    Beiträge
    3

    AW: Bootstrap 5 Carousel bewegt sich nicht

    Zitat Zitat von mikdoe Beitrag anzeigen
    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.

  4. #4
    Avatar von mikdoe
    mikdoe ist offline Administrator
    registriert
    01-05-2010
    Beiträge
    7.864

    AW: Bootstrap 5 Carousel bewegt sich nicht

    Kann man das online anschauen?
    Das deutsche Javascript Forum http://forum.jswelt.de http://forum.jswelt.de/images/logoJsWeltForumV4_32x22.png

  5. #5
    Kickflip ist offline Grünschnabel
    registriert
    25-12-2020
    Beiträge
    3

    AW: Bootstrap 5 Carousel bewegt sich nicht

    Zitat Zitat von mikdoe Beitrag anzeigen
    Kann man das online anschauen?
    127.0.0.1:8000 :-)

    Habe es mal mit BS 4 probiert und da worked es like a charm.
    mikdoe likes this.

Ähnliche Themen

  1. Div Container bewegt sich nur ruckhaft und fehlerhaft
    Von fomlackner im Forum JavaScript
    Antworten: 7
    Letzter Beitrag: 30-09-2011, 16:07
  2. Problem mit StickyAd (bewegt sich nicht)
    Von eismann90 im Forum JavaScript
    Antworten: 1
    Letzter Beitrag: 20-12-2008, 19:15
  3. und es bewegt sich doch....
    Von Albu im Forum Fun
    Antworten: 12
    Letzter Beitrag: 23-09-2003, 20:45
  4. Stutuszeile bewegt sich nach oben??
    Von seth im Forum Allgemeines
    Antworten: 11
    Letzter Beitrag: 27-05-2003, 22:56
  5. [help] Ebene bewegt sich so laaaaaahm ....
    Von Aron im Forum JavaScript
    Antworten: 3
    Letzter Beitrag: 14-08-2002, 15:32

Stichworte

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •