twitter bootstrap轮播尺寸

Question

我正在使用Twitter Bootstrap为我父亲创建一个网站,除了一件事情:我无法弄清楚如何:
- 减少旋转木马宽度
- 旋转中心
- 使滚动箭头仍然在图像上

这是网站,所以你可以检查来源

我已逐字逐行地通过css并调整了旋转木马的各个方面,然后在我的浏览器中进行了检查.

另一个令人困惑的地方是,如果我在我的浏览器中测试它,那么这些调整中的一些会产生影响SHIFT+CTRL+R(因此记事本++使用服务器或主机直接从我的桌面在谷歌浏览器中打开它)并且看到了一些尴尬的变化,当我将它们放在服务器上时,这些更改都不会延续.

我已经看到了一些其他职位给出调整建议.carousel,并@image和尝试那些没有成功的为好.

Answer 1

您可以使用CSS设置轮播的宽度.使用块中心块元素margin: 0 auto.只更改CSS .carousel,其余部分自动设置正确.

<div id="myCarousel" class="carousel slide" style="width: 400px; margin: 0 auto">
    ...
</div>

看看这个jsfiddle看看它是否有效.

Answer 2

只需将一个"容器"类添加到ID为"myCarousel"的DIV上.

所以这...

<div id="myCarousel" class="carousel slide">

成为...

<div id="myCarousel" class="carousel slide container">