我正在使用Twitter Bootstrap为我父亲创建一个网站,除了一件事之外我已经完成了:我无法弄清楚如何:
- 减少旋转木马宽度
- 旋转木马中心
- 在图像上保持滚动箭头
here is the website so you can check the source
我逐字逐句地通过css并调整了旋转木马的各个方面,然后在我的浏览器中进行了检查。
另一个令人困惑的地方是,如果我使用 SHIFT + CTRL + R 在我的浏览器中测试它们,其中一些调整会产生影响(因此记事本++会直接从我的桌面上用谷歌浏览器打开它o使用服务器或主机)并看到了一些尴尬的变化,但当我将它们放在服务器上时,这些变化都没有结束。
我已经看到其他一些帖子建议对.carousel
和@image
进行调整,并尝试过那些没有成功的帖子。
答案 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">