Bootstrapでスライダーをつくる

<!--- Image Slider -->
<div id="slides" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
	<div class="carousel-item active"> 
		<img class="d-block w-100" src="background1.png" alt="">
	</div>
	<div class="carousel-item">
		<img class="d-block w-100" src="background2.png" alt="">
	</div>
	<div class="carousel-item">
		<img class="d-block w-100" src="background3.png" alt="">
	</div>
</div>
</div>

①親要素
・class="carousel slide", data-ride="carousel" を指定

②スライダー画像
・全体を囲う <div> に class="carousel-inner" を指定
・各 <img> を囲う <div> に class=".carousel-item" を指定. 最初に表示する画像には .active も追加
・<img> に class="d-block w-100"　を指定