| Class | Class | Class |
|---|---|---|
| .carousel-control-bs4 | .carousel-control-bs3 | .carousel-control-ng |
| .carousel-control-env | .carousel-control-amz | .carousel-control-ab |
| .carousel-control-yt | .carousel-control-gm | .carousel-control-ip |
| .carousel-control-fill | .carousel-control-border | .carousel-control-border-radius |
<!-- Navigation Buttons -->
<!-- Left Navigation Button -->
<a class="carousel-control-prev bs4-carousel-control carousel-control-ip" href="#myCarousel" data-slide="prev">
<i class="fas fa-angle-left"></i>
</a>
<!-- Right Navigation Button -->
<a class="carousel-control-next bs4-carousel-control carousel-control-ip" href="#myCarousel" data-slide="next">
<i class="fas fa-angle-right"></i>
</a>
| Class | Result |
|---|---|
| .carousel-control-x | This Class Will Show Navigation Buttons Horizontally. (Left And Right Sides) |
| .carousel-control-y | This Class Will Show Navigation Buttons Vertically. (Top And Bottom Sides) |
<!-- Navigation Buttons -->
<!-- Left Navigation Button -->
<a class="carousel-control-prev bs4-carousel-control carousel-control-ip carousel-control-x" href="#myCarousel" data-slide="prev">
<i class="fas fa-angle-left"></i>
</a>
<!-- Right Navigation Button -->
<a class="carousel-control-next bs4-carousel-control carousel-control-ip carousel-control-x" href="#myCarousel" data-slide="next">
<i class="fas fa-angle-right"></i>
</a>
| Attribute | Result |
|---|---|
| data-color | Use Any Type Of Value ( Hexadecimal|RGB|RGBA|HSL|HSLA|Predefined/Cross-browser color names ) |
<!-- Navigation Buttons -->
<!-- Left Navigation Button -->
<a data-color="#ffffff" class="carousel-control-prev bs4-carousel-control carousel-control-ip carousel-control-x" href="#myCarousel" data-slide="prev">
<i class="fas fa-angle-left"></i>
</a>
<!-- Right Navigation Button -->
<a data-color="#ffffff" class="carousel-control-next bs4-carousel-control carousel-control-ip carousel-control-x" href="#myCarousel" data-slide="next">
<i class="fas fa-angle-right"></i>
</a>
| Classes | Result |
|---|---|
| .bs4-carousel-control.carousel-control-group.carousel-control-group-fill | Will Show Buttons With Background |
| .bs4-carousel-control.carousel-control-group.carousel-control-group-border | Will Show Buttons With Border And Transparent Background |
<!-- Navigation Buttons -->
<!-- Left Navigation Button -->
<a class="carousel-control-prev bs4-carousel-control carousel-control-group carousel-control-group-fill" href="#myCarousel" data-slide="prev">
<i class="fas fa-angle-left"></i>
</a>
<!-- Right Navigation Button -->
<a class="carousel-control-next bs4-carousel-control carousel-control-group carousel-control-group-fill" href="#myCarousel" data-slide="next">
<i class="fas fa-angle-right"></i>
</a>
| Classes | Result |
|---|---|
| .bs4-carousel-control.carousel-control-group.carousel-control-group-fill.carousel-control-right-y | Show Buttons Right Side And Vertically |
| .bs4-carousel-control.carousel-control-group.carousel-control-group-fill.carousel-control-left-y | Show Buttons Left Side And Vertically |
| .bs4-carousel-control.carousel-control-group.carousel-control-group-fill.carousel-control-left-right | Show Buttons Left Side And Right Side In the Center Of The Carousel |
| .bs4-carousel-control.carousel-control-group.carousel-control-group-fill.carousel-control-top-center | Show Buttons Top Side And In the Center Of The Carousel |
| .bs4-carousel-control.carousel-control-group.carousel-control-group-fill.carousel-control-top-right-x | Show Buttons Top, Right Side And Horizontally |
| .bs4-carousel-control.carousel-control-group.carousel-control-group-fill.carousel-control-top-right-y | Show Buttons Top, Right Side And Vertically |
| .bs4-carousel-control.carousel-control-group.carousel-control-group-fill.carousel-control-top-left-right | Show Buttons Top, Left And Right Sides |
| .bs4-carousel-control.carousel-control-group.carousel-control-group-fill.carousel-control-top-left-x | Show Buttons Top, Left Side And Horizontally |
| .bs4-carousel-control.carousel-control-group.carousel-control-group-fill.carousel-control-top-left-y | Show Buttons Top, Left Side And Vertically |
| .bs4-carousel-control.carousel-control-group.carousel-control-group-fill.carousel-control-bottom-center | Show Buttons Bottom Side And In the Center Of The Carousel |
| .bs4-carousel-control.carousel-control-group.carousel-control-group-fill.carousel-control-bottom-right-x | Show Buttons Bottom, Right Side And Horizontally |
| .bs4-carousel-control.carousel-control-group.carousel-control-group-fill.carousel-control-bottom-right-y | Show Buttons Bottom, Right Side And Vertically |
| .bs4-carousel-control.carousel-control-group.carousel-control-group-fill.carousel-control-bottom-left-right | Show Buttons Bottom, Left And Right Sides |
| .bs4-carousel-control.carousel-control-group.carousel-control-group-fill.carousel-control-bottom-left-x | Show Buttons Bottom, Left Side And Horizontally |
| .bs4-carousel-control.carousel-control-group.carousel-control-group-fill.carousel-control-bottom-left-y | Show Buttons Bottom, Left Side And Vertically |
<!-- Navigation Buttons -->
<!-- Left Navigation Button -->
<a class="carousel-control-prev bs4-carousel-control carousel-control-group carousel-control-group-fill carousel-control-left-right" href="#myCarousel" data-slide="prev">
<i class="fas fa-angle-left"></i>
</a>
<!-- Right Navigation Button -->
<a class="carousel-control-next bs4-carousel-control carousel-control-group carousel-control-group-fill carousel-control-left-right" href="#myCarousel" data-slide="next">
<i class="fas fa-angle-right"></i>
</a>
| Attribute | Result |
|---|---|
| data-color | Use Any Type Of Value ( Hexadecimal|RGB|RGBA|HSL|HSLA|Predefined/Cross-browser color names ) |
<!-- Navigation Buttons -->
<!-- Left Navigation Button -->
<a data-color="#ffffff" class="carousel-control-prev bs4-carousel-control carousel-control-group carousel-control-group-fill carousel-control-left-right" href="#myCarousel" data-slide="prev">
<i class="fas fa-angle-left"></i>
</a>
<!-- Right Navigation Button -->
<a data-color="#ffffff" class="carousel-control-next bs4-carousel-control carousel-control-group carousel-control-group-fill carousel-control-left-right" href="#myCarousel" data-slide="next">
<i class="fas fa-angle-right"></i>
</a>
| Class | Class | Class |
|---|---|---|
| carousel-control-group-light-radius | carousel-control-group-semi-radius | carousel-control-group-full-radius |
<!-- Navigation Buttons -->
<!-- Left Navigation Button -->
<a data-color="#ffffff" class="carousel-control-prev bs4-carousel-control carousel-control-group carousel-control-group-fill carousel-control-group-light-radius carousel-control-left-right" href="#myCarousel" data-slide="prev">
<i class="fas fa-angle-left"></i>
</a>
<!-- Right Navigation Button -->
<a data-color="#ffffff" class="carousel-control-next bs4-carousel-control carousel-control-group carousel-control-group-fill carousel-control-group-light-radius carousel-control-left-right" href="#myCarousel" data-slide="next">
<i class="fas fa-angle-right"></i>
</a>
Please do not hesitate if you have any queries about this product. We are always there for your help. You can contact us on this e-mail address szthemes53@gmail.com