Carousel doesn't work

Hello,

I have a problem with Carousel. It doesn’t work!!

Code html:

		<div class="carousel-inner">
			<div class="carousel-item active">
				<img src="Photos/gnafron-beaujeu.jpg" class="d-block w-100" alt="Gnafron a beaujeu">
			</div>
		
			<div class="carousel-item">
				<img src="Photos/Mourguet_guignol.jpg" class="d-block w-100" alt="gnafron_et_guignol">
			</div>
		
		</div>
			<a class="carousel-control-prev" href="#slideImage" 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="#slideImage" role="button" data-slide="next">
			<span class="carousel-control-next-icon" aria-hidden="true"></span>
			<span class="sr-only">Next</span>
			</a>
		
	</div>
  </div>	
</div>

the two picture are one above the other.

        <div class="carousel-inner">

            <div class="carousel-item">

                <img src="Photos/gnafron-beaujeu.jpg" class="d-block w-100" alt="Gnafron a beaujeu">

            </div>

        

            <div class="carousel-item">

                <img src="Photos/Mourguet_guignol.jpg" class="d-block w-100" alt="gnafron_et_guignol">

            </div>

        

        </div>

            <a class="left carousel-control" href="#slideImage" data-slide="prev" role="button">

                <span class="glyphicon glyphicon-chevron-left"></span>

            </a>



            <a class="right carousel-control" href="#slideImage" data-slide="next" role="button">

                <span class="glyphicon glyphicon-chevron-right"></span>

            </a>

        

    </div>