nmishra pro asked 6 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 6 years ago


You're welcome :)

nmishra pro answered 6 years ago


Thank you. It was helpful

Michal Szymanski staff answered 6 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.

FREE CONSULTATION

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

Status

Answered

Specification of the issue

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