配置轮播以缩小到特定大小并居中于专用区域 - 同时缩小高分辨率图像

时间:2015-03-16 21:22:09

标签: jquery html css twitter-bootstrap

我正在尝试从Bootstrap配置轮播以将我的图像放在网页上,将它们从原始大小缩小到我设置的大小,并将导航按钮从网页的边缘进一步移动,但我可以弄清楚为什么我正在做的事情不起作用。

我在整个旋转木马上做了一个课程,试图让它更小/与中心对齐,但它不起作用。

以下是目前的情况: http://i.imgur.com/qh7cdWx.png

以下是我一直在尝试做的事:http://i.imgur.com/0Nui6pk.png

我很感激你的帮助。

1 个答案:

答案 0 :(得分:0)

我很难弄清楚如何在没有实际看到你的代码的情况下定义你的轮播类和id,但是如果你使用的是默认的bootstrap轮播,那么这应该是你的轮播图像的中心:

.carousel-inner img    {
    display: block;
    margin: 0 auto;
}