制作响应式长而细的旋转木马答案

【问题标题】：making a responsive long and thin carousel制作响应式长而细的旋转木马
【发布时间】：2014-01-12 23:55:31
【问题描述】：

您好，提前感谢您的阅读，实际上我有一个很长很薄的旋转木马让我发疯的问题：/。事情是在这个站点http://gabouh.com/sitio/ 带有灰色/白色的轮播，当调整窗口大小时，显然我的 css 它减少了轮播并且看起来不错，但是如果我直接从 iphone 或使用 mobiletest.me 我可以看到手机上的网站就像一个页面很薄，轮播离开网站，你可以在http://mobiletest.me/#d=iPhone_5_portrait&u=http://gabouh.com/sitio/看到更具体的内容

我只需要解决轮播的响应问题，我不知道我是否应该发布我所有的 css，但如果有人可以告诉我如何让它响应。我正在使用引导程序，我真的很想解决它，所以任何帮助都将不胜感激。

P.S.：我已经在使用 css mediaquery 但仍然在 max-width :767px 的分辨率下，并将我的轮播 ul 的宽度调整为 width:100% 并且似乎不起作用。如果我的方法不好或者你知道更好的方法，我不介意检查其他方法：D

再次感谢。

【问题讨论】：

标签： css twitter-bootstrap carousel

【解决方案1】：

我看到了代码，只需将其包装在一个容器中，它就可以完美地为您工作。

代码：

<div class="container">
   ...... your carousel code .....
</div>

试试这个，我希望它能解决你的问题。

【讨论】：

嘿，感谢您的评论，我已经这样做了，添加一个新的 div 来包装我所有的轮播代码。我还添加了容器类，但仍然遇到同样的问题，我确实检查了媒体查询的正确功能，但 ul 仍然很长，因为我得到的宽度是 9999px xD。我制作另一个副本并尝试另一种方式的任何方式，您或任何机构能否确认问题仍然存在：mobiletest.me/#d=iPhone_5_portrait&u=http://… 再次感谢