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

时间:2014-01-12 14:59:41

标签: css twitter-bootstrap carousel

您好,并提前感谢阅读,实际上我有一个强大的问题,一个长而细的旋转木马让我疯了:/。事情是在这个网站http://gabouh.com/sitio/旋转木马有灰色/白色的时候调整窗口大小显然我的css它减少了旋转木马看起来很好,但如果我直接从iPhone或使用mobiletest.me我可以看到移动设备上的网站如何在页面中看起来都很薄且轮播停止在网站外,您可以在http://mobiletest.me/#d=iPhone_5_portrait&u=http://gabouh.com/sitio/

中看到它更具体

我只需要通过旋转木马的响应来解决问题,我不知道我是否应该发布我的所有CSS,但是如果任何人可以让我知道如何使其响应。我正在使用bootstrap而且我真的不知道如何修复它,所以任何帮助都会非常感激。

P.S。:我已经使用了css mediaquery,但仍然在最大宽度的分辨率:767px它并将旋转木马的ul的宽度调整为宽度:100%并且似乎不起作用。如果我的方法不好或者你知道一个更好的方法我不介意检查其他方式:D

再次感谢。

1 个答案:

答案 0 :(得分:1)

我看到代码并将其简单地包装在一个容器中,它将与您完美配合。

<强>码

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

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