23

我正在使用 Twitter Bootstrap 为我父亲创建一个网站，除了一件事之外，它已经完成：我不知道如何：
- 减少轮播宽度
- 使轮播居中
- 使滚动箭头仍在图像上

这是网站，因此您可以检查来源

我已经逐行浏览了css并调整了轮播的各个方面，然后在我的浏览器中进行了检查。

另一个令人困惑的地方是，如果我在我的浏览器中测试它，其中一些调整会产生效果SHIFT+CTRL+R（所以 notepad++ 直接从我的桌面打开它，不使用服务器或主机）并且已经看到了一些尴尬的变化，然而当我将它们放在服务器上时，这些更改都没有保留。

我看过其他一些建议调整的帖子.carousel，@image并且也尝试过那些没有成功的帖子。

4

2 回答 2

36

您可以使用 CSS 设置轮播的宽度。使块元素居中是用 完成的margin: 0 auto。只需更改 的 CSS .carousel，其余的会自动正确设置样式。

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

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

于 2013-01-29T19:55:42.020 回答
8

只需在 ID 为“myCarousel”的 DIV 上添加一个“容器”类。

所以这...

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

变成...

<div id="myCarousel" class="carousel slide container">
于 2013-01-30T12:50:52.630 回答