Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS Framework Basics Prototyping with Bootstrap Building a Carousel

Carousel content causing carousel to flex page?

Hello!

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,579 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,579 Points

Alexander,

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!