Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS Framework Basics Prototyping with Bootstrap Building a Carousel

Carousel content causing carousel to flex page?


My carousel is adapting to my different slide content and flexing the page size up and down as the slides transition.

I would like to have a "fixed-width" carousel with background images. I want it to be responsive but it would be nice if the content would resize itself to stay within "set" dimensions for the jumbotron/carousel if you get what I'm saying.

Thanks in advance. I'm on my trial here and I enjoy it so far. If I can get some good support here I'll definitely keep the membership.

2 Answers

Wayne Priestley
Wayne Priestley
19,567 Points

Hi Alexander,

You could try using a max-width, that way it won't get to big but should still stay responsive.

Hope this helps.

its the height that keeps flexing.

Should I use max height of % or pixels? When I tried that before, the content would just overflow out of the shadow indicator controls.

How can i post my code and css?

Wayne Priestley
Wayne Priestley
19,567 Points


could you post your code in Codepen so i can take a look please.

I actually got some different working html/css for what I needed and customized it. Thanks though!