Bootstrap 4, адаптивный слайдер, болванка

22 июля 2019

Собственно просто код стандартного слайдера Bootstrap 4, болванка

<div id="slider1" class="carousel slide" data-ride="carousel">
	<!-- Indicators -->
	<ul class="carousel-indicators">
		<li data-target="#slider1" data-slide-to="0" class="active"></li>
		<li data-target="#slider1" data-slide-to="1"></li>
		<li data-target="#slider1" data-slide-to="2"></li>
	</ul>
	<!-- The slideshow -->
	<div class="carousel-inner">
		<div class="carousel-item active">
			<img src="адрес картинки" class="d-block w-100" alt="описание картинки">
			<div class="carousel-caption d-none d-md-block">
				<h5>Second slide label</h5>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
			</div>
		</div>
		<div class="carousel-item">
			<img src="адрес картинки" class="d-block w-100" alt="описание картинки">
		</div>
		<div class="carousel-item">
			<img src="адрес картинки" class="d-block w-100" alt="описание картинки">
		</div>
	</div>
	<!-- Left and right controls -->
	<a class="carousel-control-prev" href="#slider1" data-slide="prev">
		<span class="carousel-control-prev-icon"></span>
	</a>
	<a class="carousel-control-next" href="#slider1" data-slide="next">
		<span class="carousel-control-next-icon"></span>
	</a>
</div>