Bootstrap カルーセルメインビジュアル

Question

Bootstrap を使い、メインビジュアルのスライドショーを作りたいです、左右のちょい見せも実現したいのですが、そもそも自動でスライドしてくれません、何か解決方法がわかる方いましたらよろしくお願いします。
こちらにコードを貼っておきます、よろしきお願いします。

<div class="container">

	<div class="carousel slide" id="sample" data-ride="carousel">
		<ol class="carousel-indicators">
			<li data-target="#sample" data-slide-to="0" class="active"></li>
			<li data-target="#sample" data-slide-to="1"></li>
			<li data-target="#sample" data-slide-to="2"></li>
			<li data-target="#sample" data-slide-to="3"></li>
		</ol>
		<div class="carousel-inner">
			<div class="carousel-item active"><img src="./assets/image/01_top/KAO-FB.png" class="d-block w-100"></div>
			<div class="carousel-item"><img src="./assets/image/01_top/images.jpg" class="d-block w-100"></div>
			<div class="carousel-item"><img src="./assets/image/01_top/catalog_kv_sp.jpg" class="d-block w-100"></div>

		</div>
		<a href="#sample" class="carousel-control-prev" data-slide="prev">
			<span class="carousel-control-prev-icon"></span>
			<span class="sr-only">前の画像へ</span>
		</a>
		<a href="#sample" class="carousel-control-next" data-slide="next">
			<span class="carousel-control-next-icon"></span>
			<span class="sr-only">次の画像へ</span>
		</a>
	</div>
	</div>

Comments

[Lhankor_Mhy]

4ですよね？
ご提示のコードを試してみましたが、問題が再現しませんでした。

おそらく、ご提示の部分には原因はなさそうに思います。
ご提示いただいていない部分に原因があるか、問題の共有が上手くできていないと思います。
Bootstrapなどの読み込み方に問題があるのではないか、と疑っています。

問題再現の手順をもう少し詳しく書いていただけますか？

Answer 1

補足依頼に応答がなかったので想像で回答しますが、おそらく、誤って 5 を使っているか、または jQuery を読み込み忘れているのではないかと思います。

Comments

[toruneko070]

回答ありがとうございます。

スライダー機能してくれました、あとはちょい見せを実現するために、調べています。