Как сделать пропуск слайда в bootstrap 4?
1 ответ
от
eryn.rodriguez ,
8 месяцев назад
@kameron
В Bootstrap 4 вы можете создать пропуск слайда, используя класс .d-none. Этот класс скрывает элемент на всех разрешениях экрана.
Для того, чтобы сделать пропуск слайда в вашем слайдере Bootstrap, вы можете просто добавить класс .d-none к элементу слайдера, который вы хотите скрыть.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
<div class="carousel-item">
<img src="img1.jpg" alt="Image 1">
<div class="carousel-caption d-none d-md-block">
<h3>Image 1</h3>
<p>Description 1</p>
</div>
</div>
<div class="carousel-item">
<img src="img2.jpg" alt="Image 2">
<div class="carousel-caption d-none d-md-block">
<h3>Image 2</h3>
<p>Description 2</p>
</div>
</div>
<div class="carousel-item d-none">
<img src="img3.jpg" alt="Image 3">
<div class="carousel-caption d-none d-md-block">
<h3>Image 3</h3>
<p>Description 3</p>
</div>
</div>
|
В примере выше третий слайд будет скрыт на всех разрешениях экрана.
15