twitter-bootstrap - 滑块图像不会调整大小

Question

我在 Bootstrap 中内置了一个响应式主题，并且滑块图像没有调整大小。在大约 900 像素处，图像消失。这也是主菜单在徽标下方移动的相同大小。

关于如何使图像调整大小的任何想法？您可以在以下网址查看该问题：http: //www.coloradobariatrics.com

score 0 · Accepted Answer

太疯狂了，我在您的代码中发现了错误。您在 media.css 文件的第 2707行将其设置为在 900 像素或更少处不显示

导致问题的 CSS

.pageSlider .ls-container
{
    display: none;
}

您需要删除它或将其设置为display: block;：

.pageSlider .ls-container
{
    display: block;
}

下一个问题是您的问题标题所暗示的，为什么图像没有调整大小？问题是您使用的滑块在构建时并未考虑到响应性，而且它是一个视差滑块，因此它使事情变得更加复杂。

不幸的是，我在这里唯一的建议是获得一个视差响应滑块并将其与像这样的插件交换。

我在上面的评论中提到的另一个建议是你清理你的 CSS 和 JS，似乎你使用了太多的方法来使网站响应并且所有这些资产都在争夺元素和样式。

这很乱。