Here’s a carousel with slides only. Note the presence of the .d-block
and .img-fluid
on carousel images to prevent browser default image alignment.
\n \n<b-carousel\n id=\"carouselExampleSlidesOnly\"\n>\n <b-carousel-slide :img-src=\"require('../../assets/images/small/img-1.jpg')\"></b-carousel-slide>\n <b-carousel-slide :img-src=\"require('../../assets/images/small/img-1.jpg')\"></b-carousel-slide>\n <b-carousel-slide :img-src=\"require('../../assets/images/small/img-1.jpg')\"></b-carousel-slide>\n</b-carousel>\n
\n \n Here’s a carousel with slides only. Note the presence of the .d-block
and .img-fluid
on carousel images to prevent browser default image alignment.
\n \n<b-carousel\n id=\"carouselExampleControls\"\n controls\n>\n <b-carousel-slide :img-src=\"require('../../assets/images/small/img-1.jpg')\"></b-carousel-slide>\n <b-carousel-slide :img-src=\"require('../../assets/images/small/img-1.jpg')\"></b-carousel-slide>\n <b-carousel-slide :img-src=\"require('../../assets/images/small/img-1.jpg')\"></b-carousel-slide>\n</b-carousel>\n
\n \n Here’s a carousel with slides only. Note the presence of the .d-block
and .img-fluid
on carousel images to prevent browser default image alignment.
\n \n<b-carousel\n id=\"carouselExampleIndicators\"\n controls\n indicators\n>\n <b-carousel-slide :img-src=\"require('../../assets/images/small/img-1.jpg')\"></b-carousel-slide>\n <b-carousel-slide :img-src=\"require('../../assets/images/small/img-1.jpg')\"></b-carousel-slide>\n <b-carousel-slide :img-src=\"require('../../assets/images/small/img-1.jpg')\"></b-carousel-slide>\n</b-carousel>\n
\n \n Here’s a carousel with slides only. Note the presence of the .d-block
and .img-fluid
on carousel images to prevent browser default image alignment.
\n \n<b-carousel\n id=\"carouselExampleCaptions\"\n controls\n indicators\n>\n <b-carousel-slide :img-src=\"require('../../assets/images/small/img-1.jpg')\"></b-carousel-slide>\n <b-carousel-slide :img-src=\"require('../../assets/images/small/img-1.jpg')\"></b-carousel-slide>\n <b-carousel-slide :img-src=\"require('../../assets/images/small/img-1.jpg')\"></b-carousel-slide>\n</b-carousel>\n
\n \n Nulla vitae elit libero, a pharetra augue mollis interdum.
\nLorem ipsum dolor sit amet, consectetur adipiscing elit.
\nPraesent commodo cursus magna, vel scelerisque nisl consectetur.
\nHere’s a carousel with slides only. Note the presence of the .d-block
and .img-fluid
on carousel images to prevent browser default image alignment.
\n \n<b-carousel\n id=\"carouselExampleFade\"\n fade\n controls\n>\n <b-carousel-slide :img-src=\"require('../../assets/images/small/img-1.jpg')\"></b-carousel-slide>\n <b-carousel-slide :img-src=\"require('../../assets/images/small/img-1.jpg')\"></b-carousel-slide>\n <b-carousel-slide :img-src=\"require('../../assets/images/small/img-1.jpg')\"></b-carousel-slide>\n</b-carousel>\n
\n \n