twitter-bootstrap - Bootstrap 2.x 到 3.0 轮播

Question

我正在从 Bootstrap 2.x 升级到 3.0。我的主页是： http: //www.soulmd.org/index.html。

我对新的轮播有两个问题：

1. 我想消除右侧的灰色渐变，以便只显示图像和标题（如旧轮播）。
2. 每个项目都显示 ~1745px 宽，比我的容器宽得多，它大约 1140px 宽。

我搜索了 CSS 并尝试调整一些参数，但我无法找出这个问题的具体参数。

Answer 1

你应该做两件事：

1）将幻灯片包装在另一个带有类的 div 中.container

2) 将以下 CSS 添加到您的样式表中：

.carousel-control.right, .carousel-control.left {
   background: none !important;
}

希望有帮助！

更新

如果您想拉伸图库中的图像以使其全宽，您可以将以下内容添加到您的自定义 CSS 样式表中。

.carousel-inner > .item > img, .carousel-inner > .item > a > img {
display: block;
max-width: 100%;
height: auto;
line-height: 1;
width: 100% !important;
}

但是，更好的方法是使用具有正确尺寸的图像，以避免由于图像拉伸而导致分辨率降低。