nmishra pro asked 8 years ago

How to create an image carousel such that its width equal to the screen width and have a fixed height. I tried changing the dimensions in the carousel div but what is happening is that the div size changes but the image is not becoming responsive. Thank you

Michal Szymanski staff answered 8 years ago

You're welcome :)

nmishra pro answered 8 years ago

Thank you. It was helpful

Michal Szymanski staff answered 8 years ago

You have to change a height of .carousel-inner. Width has by default "auto" value so it adjust to the width of parent element. Take a look at css file of full page carousel template: http://mdbootstrap.com/product/full-background-carousel-template/

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No