响应滑块问题和引导程序

时间:2013-11-23 07:57:34

标签: css slider twitter-bootstrap-3

我无法让幻灯片正确居中。我不确定发生了什么

这是一个链接

www.xxx.com/matt

我已经进入了JS文件,并没有找到任何可以帮助的东西。图像是我在默认文件中换出的唯一内容。

以下是我尝试使用的滑块的链接。

http://w3widgets.com/responsive-slider/

奇怪的是它在我的iphone上看起来很完美。

1 个答案:

答案 0 :(得分:0)

对我而言,滑块图像似乎很小。滑块的100%宽度比图像长。

修复了将图像宽度设置为更高的值:

.responsive-slider .slides ul li .slide-body img
{
max-width: 100%;
width:1200px; //for example
}

<强>更新

  

我希望滑块尺寸与图像900 x 300相同。

.responsive-slider
{
      margin: 0 auto;
      max-width: 900px;
      position: relative;
}