hi, I created the demo page and view on my iphone but the width won't fix to the phone. Don't know how to fix it. Please help.insidepd.com/Untitled-6.html

Hello,

Can you please explain your issue a little more detailed?

When you narrow a browser with the above url: .insidepd.com/Untitled-6.html to "Smart-phone width", the text on top of the image slider is only staying at a min width and slips over the borders of the design.
The width of that text element has to be 100% and centered instead of a min size.
I don't have the extension yet, but this is just a logical thought.
I think it's a error in the CSS.

David

Hello,

It is all working fine. All of the texts appear as they should on mobile devices.

Not on my phone! The text go's over the right border of the image slider. HTC Xone

As i explained in my previous post: The text is supposed to go this way. It is your choice to either style it using media queries or turn the slideshow off for mobile devices.
The bootstrap starter pages are not part of Bootstrap Elements extension. We include them as provided from Bootstrap.

When I look at the original Bootstrap site twitter.github.io/bootstrap/examples/carousel.html the text is perfectly centre no matter how small I make the browser or look at my smartphone.

When I look at this url: insidepd.com/Untitled-6.html the text is out centre and go's over the right border.

I'm talking about the second url not the extension!

But if the 2th url is the result of the extension without any editing there is a small problem. But that I don't know of course, because it's not my test page!

If you say that you have to edit the media queries to make it responsive or not I understand.