Carousel Types

1 - Full Screen

If you want to create a full screen carousel then add the following class with ( bs4-carousel ) : ( bs4-full-screen )

    <!-- Carousel -->
    <div class="carousel slide bs4-carousel bs4-full-screen">
	
The width and height of the carousel will be according to window's screen.
	

2 - Full Width And Height of the Carousel according to its parent

If you want to create a carousel which width and height according to its parent then add the following class with ( bs4-carousel ) : ( bs4-full-screen-parent ) Remember that the parent must have a fixed value of height property as 500px.

    <!-- Carousel -->
    <div class="carousel slide bs4-carousel bs4-full-screen-parent">
	
The width and height of the carousel will be according to its parent's width and height.
	

3 - Fixed Width And Height Carousel

If you want to create a carousel with fixed width and height inherited by its parent then add the following class with ( bs4-carousel ) : ( bs4-full-width-height )

    <!-- Carousel -->
    <div class="carousel slide bs4-carousel bs4-full-width-height">
	
The width and height of the carousel will be according to its parent's width and height.
	

4 - Full Width Carousel

If you want to create a full width carousel then add the following class with ( bs4-carousel ) : ( bs4-full-width )

    <!-- Carousel -->
    <div class="carousel slide bs4-carousel bs4-full-width">
	
This class will make a full width carousel and do not assign any value to height of the carousel.
	

5 - Multi Columns Carousel

We have created up to 6 columns layouts but you can create according to your requirements multi columns layouts.

Support

Please do not hesitate if you have any queries about this item. We are always there for your help. You can contact us on this e-mail address szthemes53@gmail.com