extends layouts/main-layout.pug
block styles
link(rel="stylesheet", href="/bootstrap/dist/css/bootstrap.css")
block content
script(src="/bootstrap/js/bootstrap.js")
main
#carouselExampleControls.carousel.slide(data-ride='carousel')
.carousel-inner
.carousel-item.active
img.d-block.w-100(src='/images/home.png' alt='First slide')
.carousel-item
img.d-block.w-100(src='/images/home1.png' alt='Second slide')
a.carousel-control-prev(href='#carouselExampleControls' role='button' data-slide='prev')
span.carousel-control-prev-icon(aria-hidden='true')
span.sr-only Previous
a.carousel-control-next(href='#carouselExampleControls' role='button' data-slide='next')
span.carousel-control-next-icon(aria-hidden='true')
span.sr-only Next
Выше мой файл .pug
.
вывод, который я получаю, это: изображение дома под этим home1 изображение под этим предыдущим текстом.
Я хочу достичь: https://getbootstrap.com/docs/4.0/components/carousel/ {С элементами управления}
SS
Добавить ответ