我正在从 Bootstrap 2.x 升级到 3.0。我的主页是: http: //www.soulmd.org/index.html。
我对新的轮播有两个问题:
- 我想消除右侧的灰色渐变,以便只显示图像和标题(如旧轮播)。
- 每个项目都显示 ~1745px 宽,比我的容器宽得多,它大约 1140px 宽。
我搜索了 CSS 并尝试调整一些参数,但我无法找出这个问题的具体参数。
我正在从 Bootstrap 2.x 升级到 3.0。我的主页是: http: //www.soulmd.org/index.html。
我对新的轮播有两个问题:
我搜索了 CSS 并尝试调整一些参数,但我无法找出这个问题的具体参数。
你应该做两件事:
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;
}
但是,更好的方法是使用具有正确尺寸的图像,以避免由于图像拉伸而导致分辨率降低。