Heim > Web-Frontend > Bootstrap-Tutorial > So stoppen Sie das automatische Karussell im Bootstrap-Karussell

So stoppen Sie das automatische Karussell im Bootstrap-Karussell

(*-*)浩
Freigeben: 2019-07-17 10:36:07
Original
6016 Leute haben es durchsucht

So stoppen Sie das automatische Karussell im Bootstrap-Karussell

Bootstrap verfügt über ein integriertes Webseiten-Bildkarussell mit vollständigen Funktionen und einem sehr standardmäßigen Karusselltyp.

Das Erstellen eines Karussell-Master-Containers

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">  </div>
Nach dem Login kopieren

geht sehr schnell und bequem.

Aber wenn mehrere Bootstrap-Karussell-Komponenten auf einer Seite verwendet werden und alle Karussellbilder automatisch gedreht werden, verschiebt sich der gesamte Bildschirm, was dem Benutzer ein sehr schlechtes Gefühl gibt.

Sie müssen also das automatische Karussell des Karussells ausschalten.

Schließmethode: Entfernen Sie einfach die folgenden Attribute:

data-ride="carousel"
Nach dem Login kopieren

Weitere technische Artikel zum Thema Bootstrap finden Sie in der Spalte Bootstrap-Tutorial . Studie!

Das obige ist der detaillierte Inhalt vonSo stoppen Sie das automatische Karussell im Bootstrap-Karussell. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage