twitter bootstrap轮播尺寸

时间:2013-01-29 19:35:21

标签: image twitter-bootstrap size carousel

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

here is the website so you can check the source

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

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

我已经看到其他一些帖子建议对.carousel@image进行调整,并尝试过那些没有成功的帖子。

2 个答案:

答案 0 :(得分:34)

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

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

查看this jsfiddle以查看其是否有效。

答案 1 :(得分:8)

只需在DIV上添加一个'容器'类,ID为'myCarousel'。

所以这......

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

...变为

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