How does one get HTML5 Slideshow to be responsive with Bootstrap 2? I've looked at your demo with the Fluid Grid where one sets the width to 100% & the height to 3 different pixel values according to the media query, but not sure how to set this height using Bootstrap.
Also having trouble centering the slideshow in a bootstrap cell - I've tried margin: 0 auto in the css, and aligning the cell content to centre, but this does not work.
Does this mean the Ken Burns effect is not at all possible to have in a responsive website ... or would it be possible to use the class "visible-lg" and have Ken Burns effect only on the large viewport? And then use something else for the other smaller views?
Hi David, Ken Burns effect is not available, when using the slides image placement set to Fill. You can create a slideshow with ken-burns effect on for the visible-lg container, where the image placement is set to center and the slideshow has a fixed width/height.
Thanks, Teodor. I believe I used this concept with the Parallax Slider (following one of your examples) and I created a uniquely sized Parallax Slider for each of the four Bootstrap 3 size containers (lg, md, sm, xs) and it worked well.
Using your instructions, I attempted this on a website for all four Bootstrap containers. It works ... partially. That is, if you do not change the size of the window. If you change the size of the window, then the page needs to be refreshed before it will show up properly.
Is there any work-a-round for this problem, or did I not design I correctly?