我正在为我的爸爸创建一个使用Twitter Bootstrap的网站,除了一件事情之外,我完成了以下任务:我无法弄清楚如何:
– 减少转盘宽度
– 转盘转盘
– 使滚动箭头仍然在图像上
– 减少转盘宽度
– 转盘转盘
– 使滚动箭头仍然在图像上
here is the website so you can check the source
我已经逐字逐行地通过css并调整了轮播的每个方面,然后在浏览器中进行了检查。
另一个混乱的一点是,如果我在浏览器中用SHIFT CTRL R测试它,那么这些调整有一些影响(所以记事本直接从我的桌面打开它,而不是使用服务器或主机),并且看到一些尴尬更改,但是当我们将它们放在服务器上时,这些更改都不会继续。
我已经看到一些其他帖子,提示对.carousel和@image的调整,并尝试那些没有成功。
解决方法
您可以使用CSS设置轮播的宽度。以块为单位进行居中定位:0 auto。只改变了.carousel的CSS,其余的是自动设置样式。
<div id="myCarousel" class="carousel slide" style="width: 400px; margin: 0 auto"> ... </div>
查看this jsfiddle看到它的工作。