Динамическая карусель в PHP Laravel показывает только одно изображение

Question

Я пытаюсь создать динамическую карусель в laravel, но вижу только одно изображение.Я искал решения в течение нескольких часов, но я застрял

<div id="myCarousel" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item">
@foreach($sliders as $slider)
    <img src="{{url('images', $slider->image)}}" class="d-block w-    100" alt="...">
</div>
@endforeach

Это мой код лезвия

@extends('front.master')

@section('content')

<main role="main">

<div id="myCarousel" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
@foreach($sliders as $slider)
<div class="carousel-item">
    <img src="{{url('images', $slider->image)}}" class="d-block w-  100" alt="...">
</div>
@endforeach
</div>
</div>

<section class="jumbotron text-center">
</section>

<div class="album py-5 bg-light">
<div class="container">


</div>

</main>

@endsection

Любая помощь будет оценена.

Answer 1

Ваш закрывающий тег вашего <div class="carousel-item"> находится внутри цикла, а начальный тег - нет. Вам нужно сделать цикл с <div class="carousel-item"> вместо просто изображения.

изменить это

<div class="carousel-item">
@foreach($sliders as $slider)
    <img src="{{url('images', $slider->image)}}" class="d-block w-    100" alt="...">
</div>
@endforeach

к этому

@foreach($sliders as $slider)
<div class="carousel-item">
    <img src="{{url('images', $slider->image)}}" class="d-block w-100" alt="...">
</div>
@endforeach